[box icon=”fa-info”]Download the CSSIgniter Shortcodes plugin from the WordPress plugin repository. Read the full documentation here.[/box]
Button shortcode: [[button][/button]]
[button url=”https://www.cssigniter.com” size=”large”]A button to CSSIgniter[/button] [button url=”https://www.cssigniter.com” size=”large” scheme=”red”]A button to CSSIgniter[/button] [button url=”https://www.cssigniter.com” size=”large” scheme=”yellow”]A button to CSSIgniter[/button]
[demo][button url=”https://www.cssigniter.com” size=”large”]A button to CSSIgniter[/button][/demo][hr height=”1px” color=”rgba(0,0,0,0.2)”]
[button url=”http://www.google.com” target=”_blank”]New window to Google[/button] [button url=”http://www.google.com” target=”_blank” scheme=”red”]New window to Google[/button] [button url=”http://www.google.com” target=”_blank” scheme=”yellow”]New window to Google[/button]
[demo][button url=”http://www.google.com” target=”_blank” scheme=”red”]New window to Google[/button][/demo][hr height=”1px” color=”rgba(0,0,0,0.2)”]
[button size=”small” scheme=”pink” border_color=”#c9054f” border_width=”2px” icon=”fa-download”]Download now[/button] [button size=”small” scheme=”yellow” border_color=”#e5d35b” border_width=”2px” icon=”fa-download”]Download now[/button] [button size=”small” scheme=”blue” border_color=”#0e76b8″ border_width=”2px” icon=”fa-download”]Download now[/button]
[demo][button size=”small” scheme=”pink” border_color=”#c9054f” border_width=”2px” icon=”fa-download”]Download now[/button][/demo][hr height=”1px” color=”rgba(0,0,0,0.2)”]
[button scheme=”yellow” fg_color=”rgb(10, 20, 30)” icon=”fa-refresh” spin]Refresh[/button] [button scheme=”green” fg_color=”rgb(10, 20, 30)” icon=”fa-refresh” spin]Refresh[/button] [button scheme=”red” fg_color=”rgb(10, 20, 30)” icon=”fa-refresh” spin]Refresh[/button]
[demo][button scheme=”green” fg_color=”rgb(10, 20, 30)” icon=”fa-refresh” spin]Refresh[/button][/demo][hr height=”1px” color=”rgba(0,0,0,0.2)”]
[button icon=”fa-spinner” corners=”5px” spin]Rounded[/button] [button icon=”fa-spinner” corners=”5px” scheme=”red” spin]Rounded[/button] [button icon=”fa-spinner” corners=”5px” scheme=”yellow” spin]Rounded[/button]
[demo][button icon=”fa-spinner” corners=”5px” spin]Rounded[/button][/demo]
[hr height=”5px” color=”#104864″]
Box shortcode: [[box][/box]]
[box]Just a box with some content in it.[/box][demo][box]Just a box with some content in it.[/box][/demo][hr height=”1px” color=”rgba(0,0,0,0.2)”]
[box scheme=”red”]A red box[/box][demo][box scheme=”red”]A red box[/box][/demo][hr height=”1px” color=”rgba(0,0,0,0.2)”]
[box scheme=”red” border_color=”#000000″ border_width=”thick” icon=”fa-download”]With a black border and icon[/box][demo][box scheme=”red” border_color=”#000000″ border_width=”thick” icon=”fa-download”]With a black border and icon[/box][/demo][hr height=”1px” color=”rgba(0,0,0,0.2)”]
[box scheme=”green” fg_color=”rgb(255,255,255)” icon=”fa-refresh” spin]Custom foreground color[/box][demo][box scheme=”green” fg_color=”rgb(255, 255, 255)” icon=”fa-refresh” spin]Custom foreground color[/box][/demo][hr height=”1px” color=”rgba(0,0,0,0.2)”]
[box icon=”fa-spinner” corners=”3px” spin]Rounded corners on a spinning icon.[/box][demo][box icon=”fa-spinner” corners=”20px” spin]Rounded corners on a spinning icon.[/box][/demo]
[hr height=”5px” color=”#104864″]
Grid shortcodes: [[row][/row]], [[column][/column]], [[col][/col]]
Two equal rows
[row][col desktop=”6″ tablet=”6″]
Duis aliquet egestas purus in blandit. Curabitur vulputate, ligula lacinia scelerisque tempor, lacus lacus ornare ante, ac egestas est urna sit amet arcu. Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos himenaeos. Sed molestie augue sit amet leo consequat posuere.
[/col][col desktop=”6″ tablet=”6″]
Duis aliquet egestas purus in blandit. Curabitur vulputate, ligula lacinia scelerisque tempor, lacus lacus ornare ante, ac egestas est urna sit amet arcu. Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos himenaeos. Sed molestie augue sit amet leo consequat posuere.
[/col][/row]
[demo][row][col desktop=”6″ tablet=”6″]Content[/col][col desktop=”6″ tablet=”6″]Content[/col][/row][/demo][hr height=”1px” color=”rgba(0,0,0,0.2)”]
Three equal rows
[row][col desktop=”4″]
Duis aliquet egestas purus in blandit. Curabitur vulputate, ligula lacinia scelerisque tempor, lacus lacus ornare ante, ac egestas est urna sit amet arcu. Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos himenaeos. Sed molestie augue sit amet leo consequat posuere.
[/col][col desktop=”4″]
Duis aliquet egestas purus in blandit. Curabitur vulputate, ligula lacinia scelerisque tempor, lacus lacus ornare ante, ac egestas est urna sit amet arcu. Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos himenaeos. Sed molestie augue sit amet leo consequat posuere.
[/col][col desktop=”4″]
Duis aliquet egestas purus in blandit. Curabitur vulputate, ligula lacinia scelerisque tempor, lacus lacus ornare ante, ac egestas est urna sit amet arcu. Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos himenaeos. Sed molestie augue sit amet leo consequat posuere.
[/col][/row]
[demo][row][col desktop=”4″]Content[/col][col desktop=”4″]Content[/col][col desktop=”4″]Content[/col][/row][/demo][hr height=”1px” color=”rgba(0,0,0,0.2)”]
Two unequal rows on deskop, equal on tablets.
[row][column desktop=”4″ tablet=”6″]
Duis aliquet egestas purus in blandit. Curabitur vulputate, ligula lacinia scelerisque tempor, lacus lacus ornare ante, ac egestas est urna sit amet arcu. Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos himenaeos. Sed molestie augue sit amet leo consequat posuere.
[/column][column desktop=”8″ tablet=”6″]
Duis aliquet egestas purus in blandit. Curabitur vulputate, ligula lacinia scelerisque tempor, lacus lacus ornare ante, ac egestas est urna sit amet arcu. Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos himenaeos. Sed molestie augue sit amet leo consequat posuere. Duis aliquet egestas purus in blandit. Curabitur vulputate, ligula lacinia scelerisque tempor, lacus lacus ornare ante, ac egestas est urna sit amet arcu. Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos himenaeos. Sed molestie augue sit amet leo consequat posuere.
[/column][/row]
[demo][row][column desktop=”4″]Content[/column][column desktop=”8″]Content[/column][/row][/demo][hr height=”1px” color=”rgba(0,0,0,0.2)”]
[hr height=”5px” color=”#104864″]
Headings shortcodes: [[h][/h]], [[h1][/h1]], [[h2][/h2]], [[h3][/h3]], [[h4][/h4]], [[h5][/h5]], [[h6][/h6]]
[h scheme=”green”]This is set from the options to be H2[/h][demo][h scheme=”green”]This is set from the options to be H2[/h][/demo][hr height=”1px” color=”rgba(0,0,0,0.2)”]
[h level=”3″ icon=”fa-globe” fg_color=”maroon” spin]A maroon H3 with globe[/h][demo][h level=”3″ icon=”fa-globe” fg_color=”maroon” spin]A maroon H3 with globe[/h][/demo][hr height=”1px” color=”rgba(0,0,0,0.2)”]
[h4 icon=”fa-lemon-o” scheme=”yellow”]An H4 with a lemon[/h4][demo][h4 icon=”fa-lemon-o” scheme=”yellow”]An H4 with a lemon[/h4][/demo][hr height=”1px” color=”rgba(0,0,0,0.2)”]
[h3 icon=”fa-globe” border_width=”0 0 4px 0″ border_color=”#444444″]With a bottom border[/h3][demo][h3 icon=”fa-globe” border_width=”0 0 4px 0″ border_color=”#444444″]With a bottom border[/h3][/demo]
[hr height=”5px” color=”#104864″]
List shortcode: [[list][/list]]
You can replace those boring default HTML bullets by any icon you like. Just create a normal unordered (ul) list from within the WordPress editor, and wrap it in a [[list][/list]] shortcode.
[row][col desktop=”4″][list scheme=”blue”]
- Item 1
- Item 2
- Item 2-1
- Item 3
[/list][/col][col desktop=”4″][list scheme=”green” icon=”fa-check”]
- Item 1
- Item 2
- Item 2-1
- Item 3
[/list][/col][col desktop=”4″][list color=”red” icon=”fa-close”]
- Item 1
- Item 2
- Item 2-1
- Item 3
[/list][/col][/row]
[demo][list color=”red” icon=”fa-close”]
- Item 1
- Item 2
- Item 2-1
- Item 3
[/list][/demo]
[hr height=”5px” color=”#104864″]
Blockquote shortcode: [[quote][/quote]]
[quote title=”Albert Einstein”]Try not to become a man of success, but rather try to become a man of value.[/quote]
[demo][quote title=”Albert Einstein”]Try not to become a man of success, but rather try to become a man of value.[/quote][/demo][hr height=”1px” color=”rgba(0,0,0,0.2)”]
[quote title=”Albert Einstein” scheme=”green” fg_color=”#ffffff”]Try not to become a man of success, but rather try to become a man of value.[/quote]
[demo][quote title=”Albert Einstein” scheme=”green” fg_color=”#ffffff”]Try not to become a man of success, but rather try to become a man of value.[/quote][/demo]
[hr height=”5px” color=”#104864″]
Separator shortcodes: separator , hr
[separator /][demo][separator /][/demo][hr height=”1px” color=”rgba(0,0,0,0.2)”]
[hr type=”dotted” scheme=”red” width=”50%” center /][demo][hr type=”dotted” scheme=”red” width=”50%” center /][/demo][hr height=”1px” color=”rgba(0,0,0,0.2)”]
[hr type=”dashed” scheme=”green” height=”10px” /][demo][hr type=”dashed” scheme=”green” height=”10px” /][/demo][hr height=”1px” color=”rgba(0,0,0,0.2)”]
[hr type=”groove” scheme=”blue” height=”thick” width=”80%” /][demo][hr type=”groove” scheme=”blue” height=”thick” width=”80%” /][/demo][hr height=”1px” color=”rgba(0,0,0,0.2)”]
[hr type=”ridge” /][demo][hr type=”ridge” /][/demo]
[hr height=”5px” color=”#104864″]
Tooltip shortcode: [[tooltip][/tooltip]]
Do you know what a [tooltip tip=”Central Processing Unit”]CPU[/tooltip] is?
[demo][tooltip tip=”Central Processing Unit”]CPU[/tooltip][/demo][hr height=”1px” color=”rgba(0,0,0,0.2)”]
Just a tooltip [tooltip tip=”I’m on top!” position=”top”]on the top.[/tooltip]
[demo][tooltip tip=”I’m on top!” position=”top”]on the top.[/tooltip][/demo][hr height=”1px” color=”rgba(0,0,0,0.2)”]
How about an [tooltip tip=”Cool!” position=”right” light alwayson]always on, right, tooltip?[/tooltip]
[demo][tooltip tip=”Cool!” position=”right” light alwayson]always on, right, tooltip?[/tooltip][/demo]
[hr height=”5px” color=”#104864″]
Map shortcodes: [[map][/map]] , [[googlemap][/googlemap]]
[map lat=”40.7828649″ lon=”-73.9653549″ zoom=”16″ /][demo][map lat=”40.7828649″ lon=”-73.9653549″ zoom=”16″ /][/demo][hr height=”1px” color=”rgba(0,0,0,0.2)”]
[map lat=”40.7828649″ lon=”-73.9653549″ title=”New York” text=”Central Park” /][demo][map lat=”40.7828649″ lon=”-73.9653549″ title=”New York” text=”Central Park” /][/demo]
[hr height=”5px” color=”#104864″]
Slider shortcode: [[slider][/slider]] , [[slide][/slide]]
[slider][slide][/slide][slide][/slide][slide][/slide][/slider]
[demo][slider][slide]Content 1[/slide][slide]Content 2[/slide][slide]Content 3[/slide][/slider][/demo]
[hr height=”5px” color=”#104864″]
Tabs shortcodes: [[tabs][/tabs]] , [[tab][/tab]]
[tabs][tab title=”Tab 1″]Content 1 – Lorem ipsum dolor sit amet, consectetur adipiscing elit. Vivamus luctus urna sed urna ultricies ac tempor dui sagittis. In condimentum facilisis porta. Sed nec diam.
[/tab][tab title=”Tab 2″]Content 2 – Lorem ipsum dolor sit amet, consectetur adipiscing elit. Vivamus luctus urna sed urna ultricies ac tempor dui sagittis. In condimentum facilisis porta. Sed nec diam.
[/tab][/tabs][demo][tabs][tab title=”Tab 1″]Content 1[/tab][tab title=”Tab 2″]Content 2[/tab][/tabs][/demo]
[hr height=”5px” color=”#104864″]
Accordions shortcodes: [[accordion][/accordion]], [[accordion_tab][/accordion_tab]]
Accordions’ syntax and attributes are exactly the same like the tabs shortcode. Only the actual names of the shortcode change. That way, you can easily swap from tabs to accordions and back, without touching any of the attributes.
[accordion][accordion_tab title=”Tab 1″]Content 1[/accordion_tab][accordion_tab title=”Tab 2″]Content 2[/accordion_tab][/accordion][demo][accordion][accordion_tab title=”Tab 1″]Content 1[/accordion_tab][accordion_tab title=”Tab 2″]Content 2[/accordion_tab][/accordion][/demo]
[hr height=”5px” color=”#104864″]
[box icon=”fa-info”]Download the CSSIgniter Shortcodes plugin from the WordPress plugin repository. Read the full documentation here.[/box]
95 comments
Al great deal for a web developer. Details: https://zetds.seychellesyoga.com/var_montero
Content for your website https://zetds.seychellesyoga.com/info
Web Development Wizards https://zetds.seychellesyoga.com/info
Can provide a link mass to your website https://zetds.seychellesyoga.com/info
Your site’s position in the search results https://zetds.seychellesyoga.com/info
Free analysis of your website https://zetds.seychellesyoga.com/info
Content for your website https://zetds.seychellesyoga.com/info
Web Development Wizards https://zetds.seychellesyoga.com/info
Can provide a link mass to your website https://zetds.seychellesyoga.com/info
Your site’s position in the search results https://zetds.seychellesyoga.com/info
Free analysis of your website https://zetds.seychellesyoga.com/info
SEO Optimizers Team https://zetds.seychellesyoga.com/info
I offer mutually beneficial cooperation https://zetds.seychellesyoga.com/info
Cool website. There is a suggestion https://zetds.seychellesyoga.com/info
I really liked your site. Do you mind https://zetds.seychellesyoga.com/info
Here’s what I can offer for the near future https://zetds.seychellesyoga.com/info
You will definitely like it https://zetds.seychellesyoga.com/info
Content for your website https://ztd.bardou.online/adm
Web Development Wizards https://ztd.bardou.online/adm
Can provide a link mass to your website https://ztd.bardou.online/adm
Your site’s position in the search results https://ztd.bardou.online/adm
Free analysis of your website https://ztd.bardou.online/adm
SEO Optimizers Team https://ztd.bardou.online/adm
I offer mutually beneficial cooperation https://ztd.bardou.online/adm
Cool website. There is a suggestion https://ztd.bardou.online/adm
I really liked your site. Do you mind https://ztd.bardou.online/adm
Here’s what I can offer for the near future https://ztd.bardou.online/adm
Content for your website https://ztd.bardou.online/adm
Web Development Wizards https://ztd.bardou.online/adm
Can provide a link mass to your website https://ztd.bardou.online/adm
Your site’s position in the search results https://ztd.bardou.online/adm
Free analysis of your website https://ztd.bardou.online/adm
SEO Optimizers Team https://ztd.bardou.online/adm
I offer mutually beneficial cooperation https://ztd.bardou.online/adm
Cool website. There is a suggestion https://ztd.bardou.online/adm
Content for your website http://myngirls.online/
Web Development Wizards http://myngirls.online/
Can provide a link mass to your website http://myngirls.online/
Your site’s position in the search results http://myngirls.online/
Free analysis of your website http://myngirls.online/
SEO Optimizers Team http://myngirls.online/
I offer mutually beneficial cooperation http://myngirls.online/
Content for your website http://fertus.shop/info/
Web Development Wizards http://fertus.shop/info/
Can provide a link mass to your website http://fertus.shop/info/
Your site’s position in the search results http://fertus.shop/info/
Free analysis of your website http://fertus.shop/info/
SEO Optimizers Team http://fertus.shop/info/
I offer mutually beneficial cooperation http://fertus.shop/info/
Cool website. There is a suggestion http://fertus.shop/info/
I really liked your site. Do you mind http://fertus.shop/info/
Here’s what I can offer for the near future http://fertus.shop/info/
You will definitely like it http://fertus.shop/info/
The best prices from the best providers http://fertus.shop/info/
Additional earnings on your website http://fertus.shop/info/
Analytics of your website http://fertus.shop/info/
I would like to post an article http://fertus.shop/info/
How to contact the administrator on this issue http://fertus.shop/info/
Shall we exchange links? My website http://fertus.shop/info/
The offer is still valid. Details http://fertus.shop/info/
We offer cooperation on SEO optimization http://fertus.shop/info/
Content for your website http://fertus.shop/info/
Web Development Wizards http://fertus.shop/info/
Your site’s position in the search results http://fertus.shop/info/
Content for your website http://fertus.shop/info/
Can provide a link mass to your website http://fertus.shop/info/
Your site’s position in the search results http://fertus.shop/info/
SEO Optimizers Team http://fertus.shop/info/
Доверь перетяжку мебели профессионалам в Минске
обивка дивана https://obivka-divana.ru/ .
Bonos de casino sin deposito ?No te los pierdas!
casino online bono sin deposito bono gratis para casino sin deposito .
Получите красивый газон с рулонным газоном
рулонный газон купить в московской области цена https://rulonnyygazon177.ru/ .
Место, где царит гармония и тепло
17. Дом из бруса 9х12: место для счастья и уюта
дома из бруса 9х12 https://domizbrusa9x12spb.ru/ .
valtrex generic no prescription
where can you buy metformin
cheapest pharmacy to fill prescriptions with insurance
synthroid 112
Toda la emocion de los casinos en linea en Peru
mejor casino online peru mejor casino online peru .
lisinopril 5mg tablets
cheap prednisone
prednisone brand name us
Рейтинг букмекеров на сегодня
букмекерская мобильная версия скачать ставка тв .
where to buy prednisone online without a script
azithromycin usa
prednisone 5mg daily
Cash Winning Games to Play in Kenya
best online casino games kenya casino games online for real money .
how to get valtrex online
Секреты выигрыша в казино
олимп казино
Получите бонусы и подарки за активное участие в онлайн казино Беларусь
онлайн казино Беларусь лучшие онлайн казино в Беларуси .
synthroid prices 100mcg
top 10 online pharmacy in india
prednisone australia
prednisone cost canada
prescription drug zestril
1. The Ultimate Aviator Games Guide
aviator casino online plataforma aviator .
best prednisone