Warning: The magic method Theme_Demo_Import::__wakeup() must have public visibility in /customers/c/0/f/chocolatier-ashley.be/httpd.www/wp-content/plugins/theme-demo-import/inc/class-tdi-main.php on line 74 {"id":2219,"date":"2016-02-29T07:40:46","date_gmt":"2016-02-29T07:40:46","guid":{"rendered":"http:\/\/sktthemesdemo.net\/complete\/?page_id=2219"},"modified":"2016-02-29T07:40:46","modified_gmt":"2016-02-29T07:40:46","slug":"others-shortcodes","status":"publish","type":"page","link":"https:\/\/www.chocolatier-ashley.be\/others-shortcodes\/","title":{"rendered":"Others Shortcodes"},"content":{"rendered":"
[su_row]
\n [su_column size=”1\/1″] Lorem ipsum dolor sit amet, consectetur adipiscing elit. Duis quam nibh, euismod eget nulla a, tempor scelerisque lorem. Proin dignissim arcu tristique fermentum ullamcorper. Integer lacinia scelerisque enim eu pretium. Nam elementum turpis orci, ac porttitor diam suscipit sit amet. [\/su_column]
\n[\/su_row]<\/p>\n
[su_row]
\n [su_column size=”1\/2″] Lorem ipsum dolor sit amet, consectetur adipiscing elit. Duis quam nibh, euismod eget nulla a, tempor scelerisque lorem. Proin dignissim arcu tristique fermentum ullamcorper. Integer lacinia scelerisque enim eu pretium. Nam elementum turpis orci, ac porttitor diam suscipit sit amet. [\/su_column]
\n [su_column size=”1\/2″] Lorem ipsum dolor sit amet, consectetur adipiscing elit. Duis quam nibh, euismod eget nulla a, tempor scelerisque lorem. Proin dignissim arcu tristique fermentum ullamcorper. Integer lacinia scelerisque enim eu pretium. Nam elementum turpis orci, ac porttitor diam suscipit sit amet. [\/su_column]
\n[\/su_row]<\/p>\n
[su_row]
\n [su_column size=”1\/3″] Lorem ipsum dolor sit amet, consectetur adipiscing elit. Duis quam nibh, euismod eget nulla a, tempor scelerisque lorem. Proin dignissim arcu tristique fermentum ullamcorper. Integer lacinia scelerisque enim eu pretium. Nam elementum turpis orci, ac porttitor diam suscipit sit amet. [\/su_column]
\n [su_column size=”1\/3″] Lorem ipsum dolor sit amet, consectetur adipiscing elit. Duis quam nibh, euismod eget nulla a, tempor scelerisque lorem. Proin dignissim arcu tristique fermentum ullamcorper. Integer lacinia scelerisque enim eu pretium. Nam elementum turpis orci, ac porttitor diam suscipit sit amet. [\/su_column]
\n [su_column size=”1\/3″] Lorem ipsum dolor sit amet, consectetur adipiscing elit. Duis quam nibh, euismod eget nulla a, tempor scelerisque lorem. Proin dignissim arcu tristique fermentum ullamcorper. Integer lacinia scelerisque enim eu pretium. Nam elementum turpis orci, ac porttitor diam suscipit sit amet. [\/su_column]
\n[\/su_row]<\/p>\n
[su_row]
\n [su_column size=”1\/2″] Lorem ipsum dolor sit amet, consectetur adipiscing elit. Duis quam nibh, euismod eget nulla a, tempor scelerisque lorem. Proin dignissim arcu tristique fermentum ullamcorper. Integer lacinia scelerisque enim eu pretium. Nam elementum turpis orci, ac porttitor diam suscipit sit amet. [\/su_column]
\n [su_column size=”1\/4″] Lorem ipsum dolor sit amet, consectetur adipiscing elit. Duis quam nibh, euismod eget nulla a, tempor scelerisque lorem. [\/su_column]
\n [su_column size=”1\/4″] Lorem ipsum dolor sit amet, consectetur adipiscing elit. Duis quam nibh, euismod eget nulla a, tempor scelerisque lorem. [\/su_column]
\n[\/su_row]<\/p>\n
[su_row]
\n [su_column size=”3\/4″] Lorem ipsum dolor sit amet, consectetur adipiscing elit. Duis quam nibh, euismod eget nulla a, tempor scelerisque lorem. Proin dignissim arcu tristique fermentum ullamcorper. Integer lacinia scelerisque enim eu pretium. Nam elementum turpis orci, ac porttitor diam suscipit sit. [\/su_column]
\n [su_column size=”1\/4″] Lorem ipsum dolor sit amet, consectetur adipiscing elit. [\/su_column]
\n[\/su_row]<\/p>\n
[su_row]
\n [su_column size=”1\/5″] Lorem ipsum dolor sit amet, consectetur adipiscing elit. [\/su_column]
\n [su_column size=”4\/5″] Lorem ipsum dolor sit amet, consectetur adipiscing elit. Duis quam nibh, euismod eget nulla a, tempor scelerisque lorem. Proin dignissim arcu tristique fermentum ullamcorper. Integer lacinia scelerisque enim eu pretium. Nam elementum turpis orci, ac porttitor diam suscipit sit amet. [\/su_column]
\n[\/su_row]<\/p>\n
[su_row]
\n [su_column size=”2\/5″] Lorem ipsum dolor sit amet, consectetur adipiscing elit. Duis quam nibh, euismod eget nulla a, tempor scelerisque lorem. Proin dignissim arcu tristique. [\/su_column]
\n [su_column size=”3\/5″] Lorem ipsum dolor sit amet, consectetur adipiscing elit. Duis quam nibh, euismod eget nulla a, tempor scelerisque lorem. Proin dignissim arcu tristique fermentum ullamcorper. Integer lacinia scelerisque enim eu pretium. Nam elementum turpis orci, ac porttitor diam suscipit sit amet. [\/su_column]
\n[\/su_row]<\/p>\n
[su_row]
\n [su_column size=”2\/3″] Lorem ipsum dolor sit amet, consectetur adipiscing elit. Duis quam nibh, euismod eget nulla a, tempor scelerisque lorem. Proin dignissim arcu tristique fermentum ullamcorper. Integer lacinia scelerisque enim eu pretium. Nam elementum turpis orci, ac porttitor diam suscipit sit amet. [\/su_column]
\n [su_column size=”1\/6″] Lorem ipsum dolor sit amet, consectetur adipiscing elit. [\/su_column]
\n [su_column size=”1\/6″] Lorem ipsum dolor sit amet, consectetur adipiscing elit. [\/su_column]
\n[\/su_row]<\/p>\n
[su_heading size=”20″ align=”left”]Heading tag[\/su_heading]<\/p>\n
[su_tabs active=”3″ vertical=”yes”][su_tab title=”Title 1″]Content 1[\/su_tab]
\n[su_tab title=”Title 2″]Content 2[\/su_tab]
\n[su_tab title=”Title 3″]Content 3[\/su_tab][\/su_tabs]<\/p>\n
[su_tabs]
\n [su_tab title=”Tab 1″] Tab 1 content [\/su_tab]
\n [su_tab title=”Tab 2″] Tab 2 content [\/su_tab]
\n [su_tab title=”Tab 3″] Tab 3 content [\/su_tab]
\n[\/su_tabs]<\/p>\n
[su_tabs active=”2″]
\n [su_tab title=”Tab 1″] Tab 1 content [\/su_tab]
\n [su_tab title=”Tab 2″] Tab 2 content [\/su_tab]
\n [su_tab title=”Tab 3″] Tab 3 content [\/su_tab]
\n[\/su_tabs]<\/p>\n
[su_tabs vertical=”yes”]
\n [su_tab title=”Tab 1″] Tab 1 content [\/su_tab]
\n [su_tab title=”Tab 2″] Tab 2 content [\/su_tab]
\n [su_tab title=”Tab 3″] Tab 3 content [\/su_tab]
\n[\/su_tabs]<\/p>\n
[su_tabs]
\n [su_tab title=”Tab 1″] Tab 1 content [\/su_tab]
\n [su_tab title=”Tab 2″] Tab 2 content [\/su_tab]
\n [su_tab title=”Tab 3″] Tab 3 content [\/su_tab]
\n [su_tab title=”Tab 4 (disabled)” disabled=”yes”] Tab 4 content [\/su_tab]
\n [su_tab title=”Tab 5 (disabled)” disabled=”yes”] Tab 5 content [\/su_tab]
\n[\/su_tabs]<\/p>\n
[su_tabs]
\n [su_tab title=”Tab 1″ anchor=”First”] Tab 1 content [\/su_tab]
\n [su_tab title=”Tab 2″ anchor=”Second”] Tab 2 content [\/su_tab]
\n [su_tab title=”Tab 3″ anchor=”Third”] Tab 3 content [\/su_tab]
\n[\/su_tabs]<\/p>\n
[su_tabs class=”my-custom-tabs”]
\n [su_tab title=”Tab 1″] Tab 1 content [\/su_tab]
\n [su_tab title=”Tab 2″] Tab 2 content [\/su_tab]
\n [su_tab title=”Tab 3″] Tab 3 content [\/su_tab]
\n[\/su_tabs]<\/p>\n
[su_accordion]
\n [su_spoiler title=”Spoiler title”] Spoiler content [\/su_spoiler]
\n [su_spoiler title=”Spoiler title”] Spoiler content [\/su_spoiler]
\n [su_spoiler title=”Spoiler title”] Spoiler content [\/su_spoiler]
\n[\/su_accordion]<\/p>\n
[su_accordion]
\n [su_spoiler title=”Spoiler title” style=”fancy”] Spoiler content [\/su_spoiler]
\n [su_spoiler title=”Spoiler title” style=”fancy”] Spoiler content [\/su_spoiler]
\n [su_spoiler title=”Spoiler title” style=”fancy”] Spoiler content [\/su_spoiler]
\n[\/su_accordion]<\/p>\n
[su_accordion]
\n [su_spoiler title=”Spoiler title” open=”yes”] Spoiler content [\/su_spoiler]
\n [su_spoiler title=”Spoiler title”] Spoiler content [\/su_spoiler]
\n [su_spoiler title=”Spoiler title”] Spoiler content [\/su_spoiler]
\n[\/su_accordion]<\/p>\n
[su_spoiler title=”Spoiler title” style=”default”] Spoiler content [\/su_spoiler]
\n[su_spoiler title=”Spoiler title” style=”fancy”] Spoiler content [\/su_spoiler]
\n[su_spoiler title=”Spoiler title” style=”simple”] Spoiler content [\/su_spoiler]<\/p>\n
[su_spoiler title=”Spoiler title” style=”default” open=”yes”] Spoiler content [\/su_spoiler]
\n[su_spoiler title=”Spoiler title” style=”fancy” open=”yes”] Spoiler content [\/su_spoiler]
\n[su_spoiler title=”Spoiler title” style=”simple” open=”yes”] Spoiler content [\/su_spoiler]<\/p>\n
[su_spoiler title=”Spoiler title” anchor=”Spoiler-1″] Spoiler content [\/su_spoiler]
\n[su_spoiler title=”Spoiler title” anchor=”Spoiler-2″] Spoiler content [\/su_spoiler]
\n[su_spoiler title=”Spoiler title” anchor=”Spoiler-3″] Spoiler content [\/su_spoiler]<\/p>\n
Use next links to open this spoilers<\/p>\n
Open spoiler 1<\/a> | Open spoiler 2<\/a> | Open spoiler 3<\/a><\/p>\n [su_accordion] Use next links to expand accordion items<\/p>\n Open spoiler 1<\/a> | Open spoiler 2<\/a> | Open spoiler 3<\/a><\/p>\n [su_accordion] [su_spoiler title=”Spoiler title” class=”my-custom-spoiler”] Spoiler content [\/su_spoiler]<\/p>\n [su_youtube url=”http:\/\/youtube.com\/watch?v=DR2c266yWEA”]<\/p>\n [su_vimeo url=”http:\/\/vimeo.com\/78106175″]<\/p>\n [su_video url=”http:\/\/www.jplayer.org\/video\/m4v\/Big_Buck_Bunny_Trailer.m4v”]<\/p>\n You can customize width and height for this videos<\/p>\n [su_youtube url=”http:\/\/youtube.com\/watch?v=DR2c266yWEA” width=”300″ height=”200″ responsive=”no”]<\/p>\n [su_vimeo url=”http:\/\/vimeo.com\/78106175″ width=”300″ height=”200″ responsive=”no”]<\/p>\n [su_audio url=”http:\/\/www.jplayer.org\/audio\/mp3\/TSP-01-Cro_magnon_man.mp3?1″]<\/p>\n [su_audio url=”http:\/\/www.jplayer.org\/audio\/mp3\/TSP-01-Cro_magnon_man.mp3?2″ width=”400px”]<\/p>\n [su_youtube_advanced url=”http:\/\/youtu.be\/NbE8INOjTKM” controls=”no” showinfo=”no” rel=”no”]<\/p>\n [su_youtube_advanced url=”http:\/\/youtu.be\/NbE8INOjTKM” autohide=”no” theme=”light”]<\/p>\n [su_row] [su_row] You can add autoplay=”yes” and loop=”yes” to any of these elements and the playback will be automatically started and looped.<\/p>\n For example: [[su_youtube url=”” autoplay=”yes”]]<\/p>\n [su_button size=”1″] Click me [\/su_button] [su_button size=”2″] Click me [\/su_button]<\/p>\n [su_button size=”3″] Click me [\/su_button] [su_button size=”4″] Click me [\/su_button]<\/p>\n [su_button size=”5″] Click me [\/su_button] [su_button size=”6″] Click me [\/su_button]<\/p>\n [su_button size=”7″] Click me [\/su_button] [su_button size=”8″] Click me [\/su_button]<\/p>\n [su_button size=”9″] Click me [\/su_button] [su_button size=”10″] Click me [\/su_button]<\/p>\n [su_button size=”32″] Unlimited sizes! [\/su_button]<\/p>\n [su_button background=”#2D89EF”] Click me [\/su_button] [su_button background=”#9E2DEF”] Click me [\/su_button] [su_button background=”#F72EBA”] Click me [\/su_button]<\/p>\n [su_button background=”#FF2F3B”] Click me [\/su_button] [su_button background=”#FF742F”] Click me [\/su_button] [su_button background=”#FFA52F”] Click me [\/su_button]<\/p>\n [su_button background=”#FFCF2F”] Click me [\/su_button] [su_button background=”#FFF92F”] Click me [\/su_button] [su_button background=”#C5ED2C”] Click me [\/su_button]<\/p>\n [su_button background=”#3AD828″] Click me [\/su_button] [su_button background=”#27CBD5″] Click me [\/su_button] [su_button background=”#000000″] Click me [\/su_button]<\/p>\n [su_button background=”#eee” color=”#2D89EF”] Click me [\/su_button] [su_button background=”#eee” color=”#9E2DEF”] Click me [\/su_button] [su_button background=”#eee” color=”#F72EBA”] Click me [\/su_button]<\/p>\n [su_button background=”#eee” color=”#FF2F3B”] Click me [\/su_button] [su_button background=”#eee” color=”#FF742F”] Click me [\/su_button] [su_button background=”#eee” color=”#FFA52F”] Click me [\/su_button]<\/p>\n [su_button background=”#eee” color=”#FFCF2F”] Click me [\/su_button] [su_button background=”#eee” color=”#FFF92F”] Click me [\/su_button] [su_button background=”#eee” color=”#C5ED2C”] Click me [\/su_button]<\/p>\n [su_button background=”#eee” color=”#3AD828″] Click me [\/su_button] [su_button background=”#eee” color=”#27CBD5″] Click me [\/su_button] [su_button background=”#eee” color=”#000000″] Click me [\/su_button]<\/p>\n [su_button style=”default”] Click me [\/su_button] [su_button style=”flat”] Click me [\/su_button] [su_button style=”glass”] Click me [\/su_button]<\/p>\n [su_button style=”noise”] Click me [\/su_button] [su_button style=”bubbles”] Click me [\/su_button] [su_button style=”soft”] Click me [\/su_button]<\/p>\n [su_button style=”stroked”] Click me [\/su_button] [su_button style=”3d”] Click me [\/su_button] [su_button style=”ghost” color=”#2D89EF”] Click me [\/su_button]<\/p>\n [su_button radius=”square”] Click me [\/su_button] [su_button radius=”auto”] Click me [\/su_button] [su_button radius=”10″] Click me [\/su_button] [su_button radius=”round”] Click me [\/su_button]<\/p>\nAccordion + Spoilers + Anchors (see the code)<\/h2>\n
\n [su_spoiler title=”Spoiler title” anchor=”Accordion-1″] Spoiler content [\/su_spoiler]
\n [su_spoiler title=”Spoiler title” anchor=”Accordion-2″] Spoiler content [\/su_spoiler]
\n [su_spoiler title=”Spoiler title” anchor=”Accordion-3″] Spoiler content [\/su_spoiler]
\n[\/su_accordion]<\/p>\nDifferent icons<\/h2>\n
\n [su_spoiler title=”plus” icon=”plus”] Spoiler content [\/su_spoiler]
\n [su_spoiler title=”plus-circle” icon=”plus-circle”] Spoiler content [\/su_spoiler]
\n [su_spoiler title=”plus-square-1″ icon=”plus-square-1″] Spoiler content [\/su_spoiler]
\n [su_spoiler title=”plus-square-2″ icon=”plus-square-2″] Spoiler content [\/su_spoiler]
\n [su_spoiler title=”arrow” icon=”arrow”] Spoiler content [\/su_spoiler]
\n [su_spoiler title=”arrow-circle-1″ icon=”arrow-circle-1″] Spoiler content [\/su_spoiler]
\n [su_spoiler title=”arrow-circle-2″ icon=”arrow-circle-2″] Spoiler content [\/su_spoiler]
\n [su_spoiler title=”caret” icon=”caret”] Spoiler content [\/su_spoiler]
\n [su_spoiler title=”caret-square” icon=”caret-square”] Spoiler content [\/su_spoiler]
\n [su_spoiler title=”folder-1″ icon=”folder-1″] Spoiler content [\/su_spoiler]
\n [su_spoiler title=”folder-2″ icon=”folder-2″] Spoiler content [\/su_spoiler]
\n[\/su_accordion]<\/p>\nCustom styles<\/h2>\n
YouTube video<\/h2>\n
Vimeo video<\/h2>\n
Self-hosted video (mp4\/flv)<\/h2>\n
Non-responsive videos<\/h2>\n
Self-hosted audio-files (HTML5\/Flash)<\/h2>\n
Audio player with custom width<\/h2>\n
Advanced YouTube setup #1 – no controls, no related videos<\/h2>\n
Advanced YouTube setup #2 – always visible controls, light theme<\/h2>\n
Media grid: responsive videos + columns<\/h2>\n
\n [su_column size=”1\/2″] [su_youtube] [\/su_column]
\n [su_column size=”1\/2″] [su_vimeo] [\/su_column]
\n[\/su_row]<\/p>\n
\n [su_column size=”1\/2″] [su_youtube] [\/su_column]
\n [su_column size=”1\/2″] [su_vimeo] [\/su_column]
\n[\/su_row]<\/p>\nAutoplay and loop<\/h2>\n
Unlimited sizes<\/h2>\n
Unlimited colors<\/h2>\n
Different background styles<\/h2>\n
Customizable border radius<\/h2>\n
Built-in icon font<\/h2>\n