{"id":431,"date":"2015-05-03T01:58:25","date_gmt":"2015-05-03T01:58:25","guid":{"rendered":"http:\/\/www.cssigniter.com\/preview\/berliner\/?page_id=431"},"modified":"2015-05-03T01:58:25","modified_gmt":"2015-05-03T01:58:25","slug":"shortcodes","status":"publish","type":"page","link":"https:\/\/www.jazzclublormes.com\/index.php\/shortcodes\/","title":{"rendered":"Shortcodes"},"content":{"rendered":"<p>\t\t\t\t[box icon=\u00a0\u00bbfa-info\u00a0\u00bb]Download the <a href=\"https:\/\/wordpress.org\/plugins\/cssigniter-shortcodes\/\" target=\"_blank\">CSSIgniter Shortcodes<\/a> plugin from the WordPress plugin repository. Read the full <strong>documentation<\/strong> <a href=\"https:\/\/www.cssigniter.com\/docs\/shortcodes\" target=\"_blank\">here<\/a>.[\/box]\n<h2>Button shortcode: [[button][\/button]]<\/h2>\n[button url=\u00a0\u00bbhttps:\/\/www.cssigniter.com\u00a0\u00bb size=\u00a0\u00bblarge\u00a0\u00bb]A button to CSSIgniter[\/button] [button url=\u00a0\u00bbhttps:\/\/www.cssigniter.com\u00a0\u00bb size=\u00a0\u00bblarge\u00a0\u00bb scheme=\u00a0\u00bbred\u00a0\u00bb]A button to CSSIgniter[\/button] [button url=\u00a0\u00bbhttps:\/\/www.cssigniter.com\u00a0\u00bb size=\u00a0\u00bblarge\u00a0\u00bb scheme=\u00a0\u00bbyellow\u00a0\u00bb]A button to CSSIgniter[\/button]\n[demo][button url=\u00a0\u00bbhttps:\/\/www.cssigniter.com\u00a0\u00bb size=\u00a0\u00bblarge\u00a0\u00bb]A button to CSSIgniter[\/button][\/demo][hr height=\u00a0\u00bb1px\u00a0\u00bb color=\u00a0\u00bbrgba(0,0,0,0.2)\u00a0\u00bb]\n[button url=\u00a0\u00bbhttp:\/\/www.google.com\u00a0\u00bb target=\u00a0\u00bb_blank\u00a0\u00bb]New window to Google[\/button] [button url=\u00a0\u00bbhttp:\/\/www.google.com\u00a0\u00bb target=\u00a0\u00bb_blank\u00a0\u00bb scheme=\u00a0\u00bbred\u00a0\u00bb]New window to Google[\/button] [button url=\u00a0\u00bbhttp:\/\/www.google.com\u00a0\u00bb target=\u00a0\u00bb_blank\u00a0\u00bb scheme=\u00a0\u00bbyellow\u00a0\u00bb]New window to Google[\/button]\n[demo][button url=\u00a0\u00bbhttp:\/\/www.google.com\u00a0\u00bb target=\u00a0\u00bb_blank\u00a0\u00bb scheme=\u00a0\u00bbred\u00a0\u00bb]New window to Google[\/button][\/demo][hr height=\u00a0\u00bb1px\u00a0\u00bb color=\u00a0\u00bbrgba(0,0,0,0.2)\u00a0\u00bb]\n[button size=\u00a0\u00bbsmall\u00a0\u00bb scheme=\u00a0\u00bbpink\u00a0\u00bb border_color=\u00a0\u00bb#c9054f\u00a0\u00bb border_width=\u00a0\u00bb2px\u00a0\u00bb icon=\u00a0\u00bbfa-download\u00a0\u00bb]Download now[\/button] [button size=\u00a0\u00bbsmall\u00a0\u00bb scheme=\u00a0\u00bbyellow\u00a0\u00bb border_color=\u00a0\u00bb#e5d35b\u00a0\u00bb border_width=\u00a0\u00bb2px\u00a0\u00bb icon=\u00a0\u00bbfa-download\u00a0\u00bb]Download now[\/button] [button size=\u00a0\u00bbsmall\u00a0\u00bb scheme=\u00a0\u00bbblue\u00a0\u00bb border_color=\u00a0\u00bb#0e76b8&Prime; border_width=\u00a0\u00bb2px\u00a0\u00bb icon=\u00a0\u00bbfa-download\u00a0\u00bb]Download now[\/button]\n[demo][button size=\u00a0\u00bbsmall\u00a0\u00bb scheme=\u00a0\u00bbpink\u00a0\u00bb border_color=\u00a0\u00bb#c9054f\u00a0\u00bb border_width=\u00a0\u00bb2px\u00a0\u00bb icon=\u00a0\u00bbfa-download\u00a0\u00bb]Download now[\/button][\/demo][hr height=\u00a0\u00bb1px\u00a0\u00bb color=\u00a0\u00bbrgba(0,0,0,0.2)\u00a0\u00bb]\n[button scheme=\u00a0\u00bbyellow\u00a0\u00bb fg_color=\u00a0\u00bbrgb(10, 20, 30)\u00a0\u00bb icon=\u00a0\u00bbfa-refresh\u00a0\u00bb spin]Refresh[\/button] [button scheme=\u00a0\u00bbgreen\u00a0\u00bb fg_color=\u00a0\u00bbrgb(10, 20, 30)\u00a0\u00bb icon=\u00a0\u00bbfa-refresh\u00a0\u00bb spin]Refresh[\/button] [button scheme=\u00a0\u00bbred\u00a0\u00bb fg_color=\u00a0\u00bbrgb(10, 20, 30)\u00a0\u00bb icon=\u00a0\u00bbfa-refresh\u00a0\u00bb spin]Refresh[\/button]\n[demo][button scheme=\u00a0\u00bbgreen\u00a0\u00bb fg_color=\u00a0\u00bbrgb(10, 20, 30)\u00a0\u00bb icon=\u00a0\u00bbfa-refresh\u00a0\u00bb spin]Refresh[\/button][\/demo][hr height=\u00a0\u00bb1px\u00a0\u00bb color=\u00a0\u00bbrgba(0,0,0,0.2)\u00a0\u00bb]\n[button icon=\u00a0\u00bbfa-spinner\u00a0\u00bb corners=\u00a0\u00bb5px\u00a0\u00bb spin]Rounded[\/button] [button icon=\u00a0\u00bbfa-spinner\u00a0\u00bb corners=\u00a0\u00bb5px\u00a0\u00bb scheme=\u00a0\u00bbred\u00a0\u00bb spin]Rounded[\/button] [button icon=\u00a0\u00bbfa-spinner\u00a0\u00bb corners=\u00a0\u00bb5px\u00a0\u00bb scheme=\u00a0\u00bbyellow\u00a0\u00bb spin]Rounded[\/button]\n[demo][button icon=\u00a0\u00bbfa-spinner\u00a0\u00bb corners=\u00a0\u00bb5px\u00a0\u00bb spin]Rounded[\/button][\/demo]\n[hr height=\u00a0\u00bb5px\u00a0\u00bb color=\u00a0\u00bb#104864&Prime;]\n<h2>Box shortcode: [[box][\/box]]<\/h2>\n[box]Just a box with some content in it.[\/box][demo][box]Just a box with some content in it.[\/box][\/demo][hr height=\u00a0\u00bb1px\u00a0\u00bb color=\u00a0\u00bbrgba(0,0,0,0.2)\u00a0\u00bb]\n[box scheme=\u00a0\u00bbred\u00a0\u00bb]A red box[\/box][demo][box scheme=\u00a0\u00bbred\u00a0\u00bb]A red box[\/box][\/demo][hr height=\u00a0\u00bb1px\u00a0\u00bb color=\u00a0\u00bbrgba(0,0,0,0.2)\u00a0\u00bb]\n[box scheme=\u00a0\u00bbred\u00a0\u00bb border_color=\u00a0\u00bb#000000&Prime; border_width=\u00a0\u00bbthick\u00a0\u00bb icon=\u00a0\u00bbfa-download\u00a0\u00bb]With a black border and icon[\/box][demo][box scheme=\u00a0\u00bbred\u00a0\u00bb border_color=\u00a0\u00bb#000000&Prime; border_width=\u00a0\u00bbthick\u00a0\u00bb icon=\u00a0\u00bbfa-download\u00a0\u00bb]With a black border and icon[\/box][\/demo][hr height=\u00a0\u00bb1px\u00a0\u00bb color=\u00a0\u00bbrgba(0,0,0,0.2)\u00a0\u00bb]\n[box scheme=\u00a0\u00bbgreen\u00a0\u00bb fg_color=\u00a0\u00bbrgb(255,255,255)\u00a0\u00bb icon=\u00a0\u00bbfa-refresh\u00a0\u00bb spin]Custom foreground color[\/box][demo][box scheme=\u00a0\u00bbgreen\u00a0\u00bb fg_color=\u00a0\u00bbrgb(255, 255, 255)\u00a0\u00bb icon=\u00a0\u00bbfa-refresh\u00a0\u00bb spin]Custom foreground color[\/box][\/demo][hr height=\u00a0\u00bb1px\u00a0\u00bb color=\u00a0\u00bbrgba(0,0,0,0.2)\u00a0\u00bb]\n[box icon=\u00a0\u00bbfa-spinner\u00a0\u00bb corners=\u00a0\u00bb3px\u00a0\u00bb spin]Rounded corners on a spinning icon.[\/box][demo][box icon=\u00a0\u00bbfa-spinner\u00a0\u00bb corners=\u00a0\u00bb20px\u00a0\u00bb spin]Rounded corners on a spinning icon.[\/box][\/demo]\n[hr height=\u00a0\u00bb5px\u00a0\u00bb color=\u00a0\u00bb#104864&Prime;]\n<h2>Grid shortcodes: [[row][\/row]], [[column][\/column]], [[col][\/col]]<\/h2>\n<h5>Two equal rows<\/h5>\n[row][col desktop=\u00a0\u00bb6&Prime; tablet=\u00a0\u00bb6&Prime;]\n<p>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.<\/p>\n[\/col][col desktop=\u00a0\u00bb6&Prime; tablet=\u00a0\u00bb6&Prime;]\n<p>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.<\/p>\n[\/col][\/row]\n[demo][row][col desktop=\u00a0\u00bb6&Prime; tablet=\u00a0\u00bb6&Prime;]Content[\/col][col desktop=\u00a0\u00bb6&Prime; tablet=\u00a0\u00bb6&Prime;]Content[\/col][\/row][\/demo][hr height=\u00a0\u00bb1px\u00a0\u00bb color=\u00a0\u00bbrgba(0,0,0,0.2)\u00a0\u00bb]\n<h5>Three equal rows<\/h5>\n[row][col desktop=\u00a0\u00bb4&Prime;]\n<p>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.<\/p>\n[\/col][col desktop=\u00a0\u00bb4&Prime;]\n<p>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.<\/p>\n[\/col][col desktop=\u00a0\u00bb4&Prime;]\n<p>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.<\/p>\n[\/col][\/row]\n[demo][row][col desktop=\u00a0\u00bb4&Prime;]Content[\/col][col desktop=\u00a0\u00bb4&Prime;]Content[\/col][col desktop=\u00a0\u00bb4&Prime;]Content[\/col][\/row][\/demo][hr height=\u00a0\u00bb1px\u00a0\u00bb color=\u00a0\u00bbrgba(0,0,0,0.2)\u00a0\u00bb]\n<h5>Two unequal rows on deskop, equal on tablets.<\/h5>\n[row][column desktop=\u00a0\u00bb4&Prime; tablet=\u00a0\u00bb6&Prime;]\n<p>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.<\/p>\n[\/column][column desktop=\u00a0\u00bb8&Prime; tablet=\u00a0\u00bb6&Prime;]\n<p>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.<\/p>\n[\/column][\/row]\n[demo][row][column desktop=\u00a0\u00bb4&Prime;]Content[\/column][column desktop=\u00a0\u00bb8&Prime;]Content[\/column][\/row][\/demo][hr height=\u00a0\u00bb1px\u00a0\u00bb color=\u00a0\u00bbrgba(0,0,0,0.2)\u00a0\u00bb]\n[hr height=\u00a0\u00bb5px\u00a0\u00bb color=\u00a0\u00bb#104864&Prime;]\n<h2>Headings shortcodes: [[h][\/h]], [[h1][\/h1]], [[h2][\/h2]], [[h3][\/h3]], [[h4][\/h4]], [[h5][\/h5]], [[h6][\/h6]]<\/h2>\n[h scheme=\u00a0\u00bbgreen\u00a0\u00bb]This is set from the options to be H2[\/h][demo][h scheme=\u00a0\u00bbgreen\u00a0\u00bb]This is set from the options to be H2[\/h][\/demo][hr height=\u00a0\u00bb1px\u00a0\u00bb color=\u00a0\u00bbrgba(0,0,0,0.2)\u00a0\u00bb]\n[h level=\u00a0\u00bb3&Prime; icon=\u00a0\u00bbfa-globe\u00a0\u00bb fg_color=\u00a0\u00bbmaroon\u00a0\u00bb spin]A maroon H3 with globe[\/h][demo][h level=\u00a0\u00bb3&Prime; icon=\u00a0\u00bbfa-globe\u00a0\u00bb fg_color=\u00a0\u00bbmaroon\u00a0\u00bb spin]A maroon H3 with globe[\/h][\/demo][hr height=\u00a0\u00bb1px\u00a0\u00bb color=\u00a0\u00bbrgba(0,0,0,0.2)\u00a0\u00bb]\n[h4 icon=\u00a0\u00bbfa-lemon-o\u00a0\u00bb scheme=\u00a0\u00bbyellow\u00a0\u00bb]An H4 with a lemon[\/h4][demo][h4 icon=\u00a0\u00bbfa-lemon-o\u00a0\u00bb scheme=\u00a0\u00bbyellow\u00a0\u00bb]An H4 with a lemon[\/h4][\/demo][hr height=\u00a0\u00bb1px\u00a0\u00bb color=\u00a0\u00bbrgba(0,0,0,0.2)\u00a0\u00bb]\n[h3 icon=\u00a0\u00bbfa-globe\u00a0\u00bb border_width=\u00a0\u00bb0 0 4px 0&Prime; border_color=\u00a0\u00bb#444444&Prime;]With a bottom border[\/h3][demo][h3 icon=\u00a0\u00bbfa-globe\u00a0\u00bb border_width=\u00a0\u00bb0 0 4px 0&Prime; border_color=\u00a0\u00bb#444444&Prime;]With a bottom border[\/h3][\/demo]\n[hr height=\u00a0\u00bb5px\u00a0\u00bb color=\u00a0\u00bb#104864&Prime;]\n<h2>List shortcode: [[list][\/list]]<\/h2>\n<p>You can replace those boring default HTML bullets by any icon you like. Just create a normal unordered (<em>ul<\/em>) list from within the WordPress editor, and wrap it in a [[list][\/list]] shortcode.<br \/>\n[row][col desktop=\u00a0\u00bb4&Prime;][list scheme=\u00a0\u00bbblue\u00a0\u00bb]\n<ul>\n<li>Item 1<\/li>\n<li>Item 2\n<ul>\n<li>Item 2-1<\/li>\n<\/ul>\n<\/li>\n<li>Item 3<\/li>\n<\/ul>\n[\/list][\/col][col desktop=\u00a0\u00bb4&Prime;][list scheme=\u00a0\u00bbgreen\u00a0\u00bb icon=\u00a0\u00bbfa-check\u00a0\u00bb]\n<ul>\n<li>Item 1<\/li>\n<li>Item 2\n<ul>\n<li>Item 2-1<\/li>\n<\/ul>\n<\/li>\n<li>Item 3<\/li>\n<\/ul>\n[\/list][\/col][col desktop=\u00a0\u00bb4&Prime;][list color=\u00a0\u00bbred\u00a0\u00bb icon=\u00a0\u00bbfa-close\u00a0\u00bb]\n<ul>\n<li>Item 1<\/li>\n<li>Item 2\n<ul>\n<li>Item 2-1<\/li>\n<\/ul>\n<\/li>\n<li>Item 3<\/li>\n<\/ul>\n[\/list][\/col][\/row]\n[demo][list color=\u00a0\u00bbred\u00a0\u00bb icon=\u00a0\u00bbfa-close\u00a0\u00bb]\n<ul>\n<li>Item 1<\/li>\n<li>Item 2\n<ul>\n<li>Item 2-1<\/li>\n<\/ul>\n<\/li>\n<li>Item 3<\/li>\n<\/ul>\n[\/list][\/demo]\n[hr height=\u00a0\u00bb5px\u00a0\u00bb color=\u00a0\u00bb#104864&Prime;]\n<h2>Blockquote shortcode: [[quote][\/quote]]<\/h2>\n[quote title=\u00a0\u00bbAlbert Einstein\u00a0\u00bb]Try not to become a man of success, but rather try to become a man of value.[\/quote]\n[demo][quote title=\u00a0\u00bbAlbert Einstein\u00a0\u00bb]Try not to become a man of success, but rather try to become a man of value.[\/quote][\/demo][hr height=\u00a0\u00bb1px\u00a0\u00bb color=\u00a0\u00bbrgba(0,0,0,0.2)\u00a0\u00bb]\n[quote title=\u00a0\u00bbAlbert Einstein\u00a0\u00bb scheme=\u00a0\u00bbgreen\u00a0\u00bb fg_color=\u00a0\u00bb#ffffff\u00a0\u00bb]Try not to become a man of success, but rather try to become a man of value.[\/quote]\n[demo][quote title=\u00a0\u00bbAlbert Einstein\u00a0\u00bb scheme=\u00a0\u00bbgreen\u00a0\u00bb fg_color=\u00a0\u00bb#ffffff\u00a0\u00bb]Try not to become a man of success, but rather try to become a man of value.[\/quote][\/demo]\n[hr height=\u00a0\u00bb5px\u00a0\u00bb color=\u00a0\u00bb#104864&Prime;]\n<h2>Separator shortcodes: separator , hr<\/h2>\n[separator \/][demo][separator \/][\/demo][hr height=\u00a0\u00bb1px\u00a0\u00bb color=\u00a0\u00bbrgba(0,0,0,0.2)\u00a0\u00bb]\n[hr type=\u00a0\u00bbdotted\u00a0\u00bb scheme=\u00a0\u00bbred\u00a0\u00bb width=\u00a0\u00bb50%\u00a0\u00bb center \/][demo][hr type=\u00a0\u00bbdotted\u00a0\u00bb scheme=\u00a0\u00bbred\u00a0\u00bb width=\u00a0\u00bb50%\u00a0\u00bb center \/][\/demo][hr height=\u00a0\u00bb1px\u00a0\u00bb color=\u00a0\u00bbrgba(0,0,0,0.2)\u00a0\u00bb]\n[hr type=\u00a0\u00bbdashed\u00a0\u00bb scheme=\u00a0\u00bbgreen\u00a0\u00bb height=\u00a0\u00bb10px\u00a0\u00bb \/][demo][hr type=\u00a0\u00bbdashed\u00a0\u00bb scheme=\u00a0\u00bbgreen\u00a0\u00bb height=\u00a0\u00bb10px\u00a0\u00bb \/][\/demo][hr height=\u00a0\u00bb1px\u00a0\u00bb color=\u00a0\u00bbrgba(0,0,0,0.2)\u00a0\u00bb]\n[hr type=\u00a0\u00bbgroove\u00a0\u00bb scheme=\u00a0\u00bbblue\u00a0\u00bb height=\u00a0\u00bbthick\u00a0\u00bb width=\u00a0\u00bb80%\u00a0\u00bb \/][demo][hr type=\u00a0\u00bbgroove\u00a0\u00bb scheme=\u00a0\u00bbblue\u00a0\u00bb height=\u00a0\u00bbthick\u00a0\u00bb width=\u00a0\u00bb80%\u00a0\u00bb \/][\/demo][hr height=\u00a0\u00bb1px\u00a0\u00bb color=\u00a0\u00bbrgba(0,0,0,0.2)\u00a0\u00bb]\n[hr type=\u00a0\u00bbridge\u00a0\u00bb \/][demo][hr type=\u00a0\u00bbridge\u00a0\u00bb \/][\/demo]\n[hr height=\u00a0\u00bb5px\u00a0\u00bb color=\u00a0\u00bb#104864&Prime;]\n<h2>Tooltip shortcode: [[tooltip][\/tooltip]]<\/h2>\n<p>Do you know what a [tooltip tip=\u00a0\u00bbCentral Processing Unit\u00a0\u00bb]CPU[\/tooltip] is?<br \/>\n[demo][tooltip tip=\u00a0\u00bbCentral Processing Unit\u00a0\u00bb]CPU[\/tooltip][\/demo][hr height=\u00a0\u00bb1px\u00a0\u00bb color=\u00a0\u00bbrgba(0,0,0,0.2)\u00a0\u00bb]\n<p>Just a tooltip [tooltip tip=\u00a0\u00bbI&rsquo;m on top!\u00a0\u00bb position=\u00a0\u00bbtop\u00a0\u00bb]on the top.[\/tooltip]\n[demo][tooltip tip=\u00a0\u00bbI&rsquo;m on top!\u00a0\u00bb position=\u00a0\u00bbtop\u00a0\u00bb]on the top.[\/tooltip][\/demo][hr height=\u00a0\u00bb1px\u00a0\u00bb color=\u00a0\u00bbrgba(0,0,0,0.2)\u00a0\u00bb]\n<p>How about an [tooltip tip=\u00a0\u00bbCool!\u00a0\u00bb position=\u00a0\u00bbright\u00a0\u00bb light alwayson]always on, right, tooltip?[\/tooltip]\n[demo][tooltip tip=\u00a0\u00bbCool!\u00a0\u00bb position=\u00a0\u00bbright\u00a0\u00bb light alwayson]always on, right, tooltip?[\/tooltip][\/demo]\n[hr height=\u00a0\u00bb5px\u00a0\u00bb color=\u00a0\u00bb#104864&Prime;]\n<h2>Map shortcodes: [[map][\/map]] , [[googlemap][\/googlemap]]<\/h2>\n[map lat=\u00a0\u00bb40.7828649&Prime; lon=\u00a0\u00bb-73.9653549&Prime; zoom=\u00a0\u00bb16&Prime; \/][demo][map lat=\u00a0\u00bb40.7828649&Prime; lon=\u00a0\u00bb-73.9653549&Prime; zoom=\u00a0\u00bb16&Prime; \/][\/demo][hr height=\u00a0\u00bb1px\u00a0\u00bb color=\u00a0\u00bbrgba(0,0,0,0.2)\u00a0\u00bb]\n[map lat=\u00a0\u00bb40.7828649&Prime; lon=\u00a0\u00bb-73.9653549&Prime; title=\u00a0\u00bbNew York\u00a0\u00bb text=\u00a0\u00bbCentral Park\u00a0\u00bb \/][demo][map lat=\u00a0\u00bb40.7828649&Prime; lon=\u00a0\u00bb-73.9653549&Prime; title=\u00a0\u00bbNew York\u00a0\u00bb text=\u00a0\u00bbCentral Park\u00a0\u00bb \/][\/demo]\n[hr height=\u00a0\u00bb5px\u00a0\u00bb color=\u00a0\u00bb#104864&Prime;]\n<h2>Slider shortcode: [[slider][\/slider]] , [[slide][\/slide]]<\/h2>\n[slider][slide]<img decoding=\"async\" src=\"https:\/\/www.cssigniter.net\/assets\/shortcode_slides\/slide1.jpg\" alt=\"\" \/>[\/slide][slide]<img decoding=\"async\" src=\"https:\/\/www.cssigniter.net\/assets\/shortcode_slides\/slide2.jpg\" alt=\"\" \/>[\/slide][slide]<img decoding=\"async\" src=\"https:\/\/www.cssigniter.net\/assets\/shortcode_slides\/slide3.jpg\" alt=\"\" \/>[\/slide][\/slider]\n[demo][slider][slide]Content 1[\/slide][slide]Content 2[\/slide][slide]Content 3[\/slide][\/slider][\/demo]\n[hr height=\u00a0\u00bb5px\u00a0\u00bb color=\u00a0\u00bb#104864&Prime;]\n<h2>Tabs shortcodes: [[tabs][\/tabs]] , [[tab][\/tab]]<\/h2>\n[tabs][tab title=\u00a0\u00bbTab 1&Prime;]Content 1 &#8211; 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.<br \/>\n[\/tab][tab title=\u00a0\u00bbTab 2&Prime;]Content 2 &#8211; 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.<br \/>\n[\/tab][\/tabs][demo][tabs][tab title=\u00a0\u00bbTab 1&Prime;]Content 1[\/tab][tab title=\u00a0\u00bbTab 2&Prime;]Content 2[\/tab][\/tabs][\/demo]\n[hr height=\u00a0\u00bb5px\u00a0\u00bb color=\u00a0\u00bb#104864&Prime;]\n<h2>Accordions shortcodes: [[accordion][\/accordion]], [[accordion_tab][\/accordion_tab]]<\/h2>\n<p>Accordions&rsquo; 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.<\/p>\n[accordion][accordion_tab title=\u00a0\u00bbTab 1&Prime;]Content 1[\/accordion_tab][accordion_tab title=\u00a0\u00bbTab 2&Prime;]Content 2[\/accordion_tab][\/accordion][demo][accordion][accordion_tab title=\u00a0\u00bbTab 1&Prime;]Content 1[\/accordion_tab][accordion_tab title=\u00a0\u00bbTab 2&Prime;]Content 2[\/accordion_tab][\/accordion][\/demo]\n[hr height=\u00a0\u00bb5px\u00a0\u00bb color=\u00a0\u00bb#104864&Prime;]\n[box icon=\u00a0\u00bbfa-info\u00a0\u00bb]Download the <a href=\"https:\/\/wordpress.org\/plugins\/cssigniter-shortcodes\/\" target=\"_blank\">CSSIgniter Shortcodes<\/a> plugin from the WordPress plugin repository. Read the full <strong>documentation<\/strong> <a href=\"https:\/\/www.cssigniter.com\/docs\/shortcodes\" target=\"_blank\">here<\/a>.[\/box]\t\t<\/p>\n","protected":false},"excerpt":{"rendered":"<p>[box icon=\u00a0\u00bbfa-info\u00a0\u00bb]Download the CSSIgniter Shortcodes plugin from the WordPress plugin repository. Read the full documentation here.[\/box] Button shortcode: [[button][\/button]] [button url=\u00a0\u00bbhttps:\/\/www.cssigniter.com\u00a0\u00bb size=\u00a0\u00bblarge\u00a0\u00bb]A button to CSSIgniter[\/button] [button url=\u00a0\u00bbhttps:\/\/www.cssigniter.com\u00a0\u00bb size=\u00a0\u00bblarge\u00a0\u00bb scheme=\u00a0\u00bbred\u00a0\u00bb]A button to CSSIgniter[\/button] [button url=\u00a0\u00bbhttps:\/\/www.cssigniter.com\u00a0\u00bb size=\u00a0\u00bblarge\u00a0\u00bb scheme=\u00a0\u00bbyellow\u00a0\u00bb]A button to CSSIgniter[\/button] [demo][button url=\u00a0\u00bbhttps:\/\/www.cssigniter.com\u00a0\u00bb size=\u00a0\u00bblarge\u00a0\u00bb]A button to CSSIgniter[\/button][\/demo][hr height=\u00a0\u00bb1px\u00a0\u00bb color=\u00a0\u00bbrgba(0,0,0,0.2)\u00a0\u00bb] [button url=\u00a0\u00bbhttp:\/\/www.google.com\u00a0\u00bb target=\u00a0\u00bb_blank\u00a0\u00bb]New window to Google[\/button] [button url=\u00a0\u00bbhttp:\/\/www.google.com\u00a0\u00bb target=\u00a0\u00bb_blank\u00a0\u00bb scheme=\u00a0\u00bbred\u00a0\u00bb]New window to Google[\/button]<a href=\"https:\/\/www.jazzclublormes.com\/index.php\/shortcodes\/\">[&#8230;]<\/a><\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"open","ping_status":"open","template":"","meta":{"footnotes":""},"class_list":["post-431","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/www.jazzclublormes.com\/index.php\/wp-json\/wp\/v2\/pages\/431","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.jazzclublormes.com\/index.php\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/www.jazzclublormes.com\/index.php\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/www.jazzclublormes.com\/index.php\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/www.jazzclublormes.com\/index.php\/wp-json\/wp\/v2\/comments?post=431"}],"version-history":[{"count":0,"href":"https:\/\/www.jazzclublormes.com\/index.php\/wp-json\/wp\/v2\/pages\/431\/revisions"}],"wp:attachment":[{"href":"https:\/\/www.jazzclublormes.com\/index.php\/wp-json\/wp\/v2\/media?parent=431"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}