Pastebin launched a little side project called HostCabi.net, check it out ;-)Don't like ads? PRO users don't see any ads ;-)
Guest

Kriesi Shortcode layout

By: a guest on Apr 17th, 2012  |  syntax: None  |  size: 16.01 KB  |  hits: 274  |  expires: Never
download  |  raw  |  embed  |  report abuse  |  print
Text below is selected. Please press Ctrl+C to copy to your clipboard. (⌘+C on Mac)
  1. Columns
  2.  
  3. [one_half first] [dropcap3]1[/dropcap3]agna consequat consequat consectetur, arcu seat ligula elit sed meseqcipit lorem,  pulvinar consequaagna consequat consequat consectetur, arcu sem suscipit lorem,  pulvinar consequat liguat consequat consectetur, arcu sem suscipit lorem,  pulvinar consequat ligula elit sed metus. consequat consequat consetus.[/one_half]
  4.  
  5. [one_half] [dropcap3]2[/dropcap3]agna consequat consequat consectetur, arcu seat ligula elit sed meseqcipit lorem,  pulvinar consequaagna consequat consequat consectetur, arcu sem suscipit lorem,  pulvinar consequat liguat consequat consectetur, arcu sem suscipit lorem,  pulvinar consequat ligula elit sed metus. consequat consequat consetus.[/one_half]
  6.  
  7. [hr]
  8.  
  9. [one_third first] [dropcap3]1[/dropcap3]agna consequat consequat consectetur, arcu seat ligula elit sed meseqcipit lorem,  pulvinar consequaagna consequat consequat consectetur, arcu sem suscipit lorem,  pulvinar consequat liguat consequat consectetur, arcu sem suscipit lorem,  pulvinar consequat ligula elit sed metus. consequat consequat consetus.[/one_third]
  10.  
  11. [two_third] [dropcap3]2[/dropcap3]agna consequat consequat consectetur, arcu seat ligula elit sed meseqcipit lorem,  pulvinar consequaagna consequat consequat consectetur, arcu sem suscipit lorem,  pulvinar consequat liguat consequat consectetur, arcu sem suscipit lorem,  pulvinar consequat ligula elit sed metus. consequat consequat consetus.[/two_third]
  12.  
  13. [hr]
  14.  
  15. [one_fourth first][dropcap3]1[/dropcap3]Cogna consequat consequat consectetur, arcu seat ligula elit sed meseqcipit lorem,  pulvinar consequaagna consequat consequat consectetur, arcu sem suscipit lorem[/one_fourth]
  16.  
  17. [three_fourth][dropcap3]2[/dropcap3]Consequat consequat consectetur, arcu seat ligula elit sed meseqcipit lorem,  pulvinar consequaagna consequat consequat consectetur, arcu sem suscipit lorem
  18.  
  19. Consequat consequat consectetur, arcu seat ligula elit sed meseqcipit lorem,  pulvinar consequaagna consequat consequat consectetur, arcu sem suscipit lorem[/three_fourth]
  20.  
  21. [hr]
  22.  
  23. [one_fourth first][dropcap3]1[/dropcap3]Cogna consequat consequat consectetur, arcu seat ligula elit sed meseqcipit lorem,  pulvinar consequaagna consequat consequat consectetur, arcu sem suscipit lorem[/one_fourth]
  24.  
  25. [one_fourth][dropcap3]2[/dropcap3]Consequat consequat consectetur, arcu seat ligula elit sed meseqcipit lorem,  pulvinar consequaagna consequat consequat consectetur, arcu sem suscipit lorem[/one_fourth]
  26.  
  27. [one_fourth][dropcap3]3[/dropcap3]Consequat consequat consectetur, arcu seat ligula elit sed meseqcipit lorem,  pulvinar consequaagna consequat consequat consectetur, arcu sem suscipit lorem[/one_fourth]
  28.  
  29. [one_fourth][dropcap3]4[/dropcap3]Consequat consequat consectetur, arcu seat ligula elit sed meseqcipit lorem,  pulvinar consequaagna consequat consequat consectetur, arcu sem suscipit lorem[/one_fourth]
  30.  
  31. [hr]
  32.  
  33. [one_fifth first] [box type="info"]This is some infotext[/box] Content for 1/5 Column ulvinar consequaagna consequat consequat consectetur, arcu se[/one_fifth]
  34.  
  35. [one_fifth][box type="alert"]This is some infotext[/box] Content for 1/5 Column quat consectetur, arcu sem suscipit loremagna consequat conseq[/one_fifth]
  36.  
  37. [one_fifth][box type="tick"]This is some infotext[/box] Content for 1/5 Column quaagna consequat consequat consectetur, arcu sem suscipit loremagna consequat consequat consectetur, arcu seat ligula elit sed meseq[/one_fifth]
  38.  
  39. [one_fifth][box type="help"]This is some infotext[/box]Content for 1/5 Column equat consequat consectetur, arcu seat ligula elit sed meseqcipit lorem,  pulvinar consequaagna consequat consequat consectetur.[/one_fifth]
  40.  
  41. [one_fifth][box type="error"]This is some infotext[/box] Content for 1/5 Column equat consectetur, arcu seat ligula elit sed meseqcipit lorem,  pulvinar consequaagna consequat consequat consectet[/one_fifth]
  42.  
  43. [hr top]
  44.  
  45. [one_third first]
  46.  
  47. Tabs
  48.  
  49. [tab_container  initial_open='1']
  50.  
  51. [tab title='Tab1']
  52. Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur.
  53. [/tab]
  54.  
  55. [tab title='Tab2']
  56. Ur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commour adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commoLorem ipsum dolor sit amet.
  57.  
  58. Consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur.
  59. [/tab]
  60.  
  61. [tab title='Tab3']
  62. Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur.
  63. [/tab]
  64.  
  65. [/tab_container]
  66.  
  67. [/one_third]
  68.  
  69. [one_third]
  70.  
  71. Toggles
  72.  
  73. [toggle_container keep_open='true' ]
  74.  
  75. [toggle title='Click here to show/hide a small content box']
  76. Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur.
  77. [/toggle]
  78.  
  79. [toggle title='Click here']
  80. Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur.
  81. [/toggle]
  82.  
  83. [toggle title='Yes i am the next box']
  84. Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur.
  85. [/toggle]
  86.  
  87. [toggle title='Use as many as you wish']
  88. Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur.
  89. [/toggle]
  90.  
  91. [toggle title='Last click']
  92. Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur.
  93. [/toggle]
  94.  
  95. [/toggle_container]
  96.  
  97. [/one_third]
  98.  
  99. [one_third]
  100.  
  101. Toggles (one visible allowed)
  102.  
  103. [toggle_container keep_open='false' initial_open='1']
  104.  
  105. [toggle title='Click here to show/hide a small content box']
  106. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur.
  107. [/toggle]
  108.  
  109. [toggle title='Click for another Box']
  110. Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur.
  111. [/toggle]
  112.  
  113. [toggle title='This is title #3']
  114. Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur.
  115. [/toggle]
  116.  
  117. [toggle title='I am number four!']
  118. Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur.
  119. [/toggle]
  120.  
  121. [/toggle_container]
  122.  
  123. [/one_third]
  124.  
  125. [hr]
  126.  
  127. Just a few possible buttons:
  128.  
  129. [one_third first]
  130.  
  131. Small Buttons
  132.  
  133. [button color="red" text="light"]red[/button] [button color="orange" text="light"]orange[/button] [button color="green" text="light"]green[/button] [button color="blue" text="light"]blue[/button] [button color="aqua" text="light"]aqua[/button] [button color="teal" text="light"]teal[/button] [button color="purple" text="light"]purple[/button] [button color="pink" text="light"]pink[/button] [button color="silver" text="light"]silver[/button] [button color="grey" text="light"]grey[/button] [button color="black" text="light"]black[/button] [button style="alert" color="grey" text="light"]grey[/button]
  134.  
  135. [/one_third]
  136.  
  137. [one_third]
  138.  
  139. Medium sized Buttons
  140.  
  141. [button size="large" color="red" text="light"]Custom Button[/button] [button size="large" color="orange" text="light"]Custom Button[/button]
  142.  
  143. [button size="large" color="green" text="light"]Custom Button[/button] [button size="large" color="blue" text="light"]Custom Button[/button]
  144.  
  145. [button size="large" color="aqua" text="light"]Custom Button[/button] [button size="large" color="teal" text="light"]Custom Button[/button]
  146.  
  147. [button size="large" color="purple" text="light"]Custom Button[/button] [button size="large" color="pink" text="light"]Custom Button[/button]
  148.  
  149. [button size="large" color="silver" text="light"]Custom Button[/button] [button size="large" color="grey" text="light"]Custom Button[/button]
  150.  
  151. [button size="large" color="black" text="light"]Custom Button[/button] [button size="large" style="help" color="grey" text="light"]Custom Button[/button]
  152.  
  153. [/one_third]
  154.  
  155. [one_third]
  156.  
  157. Big Buttons
  158.  
  159. [button size="xl" color="red" text="light"]Custom Button[/button] [button size="xl" color="orange" text="light"]Custom Button[/button]
  160.  
  161. [button size="xl" color="green" text="light"]Custom Button[/button] [button size="xl" color="blue" text="light"]Custom Button[/button]
  162.  
  163. [button size="xl" color="aqua" text="light"]Custom Button[/button] [button size="xl" color="teal" text="light"]Custom Button[/button]
  164.  
  165. [button size="xl" color="purple" text="light"]Custom Button[/button] [button size="xl" color="pink" text="light"]Custom Button[/button]
  166.  
  167. [button size="xl" color="silver" text="light"]Custom Button[/button] [button size="xl" color="grey" text="light"]Custom Button[/button]
  168.  
  169. [button size="xl" color="black" text="light"]Custom Button[/button] [button size="xl" style="tick"  color="grey" text="light"]Custom Button[/button]
  170.  
  171. [/one_third]
  172.  
  173.  
  174.  
  175. [hr]
  176.  
  177. Widgets
  178.  
  179. [one_half first]
  180.  
  181. [widget widget_name="avia_newsbox" widget_class_name="newsbox" title="Latest Posts" count="3" excerpt="show title only"]
  182.  
  183. [/one_half]
  184.  
  185. [one_half]
  186.  
  187. [widget widget_name="avia_tweetbox" widget_class_name="tweetbox" username="Kriesi" title="Latest Tweets" count="3" exclude_replies="yes" time="no" display_image="yes"]
  188.  
  189. [/one_half]
  190.  
  191. [hr]
  192.  
  193. [quote style="boxed" float="left"]A left floating quote[/quote]
  194.  
  195. [quote style="boxed" float="right"]A right floating quote[/quote]
  196.  
  197. [hr]
  198.  
  199. Icon Boxes
  200.  
  201. The theme comes with an Icon Box shortcode that makes use of more than 100 cool icons from two popular Icon sets that are ready to use instantly. And on top of that you can just add your own icon sets to the shortcode as well, simply by adding your icons to the themes icon folder ;)
  202.  
  203. [one_half first]
  204. [iconbox title="Shortcodes" icon="big_blueprint_tool.png"]Select one of the icons. You can add icons to this list by simply uploading new ones to your themes image folder .[/iconbox]
  205.  
  206. [/one_half]
  207.  
  208. [one_half]
  209.  
  210. [iconbox title="Smart Ideas" icon="big_brush.png"]Folder (images/icons/iconbox). They will be displayed here automatically
  211.  
  212. [/iconbox]
  213.  
  214. [/one_half]
  215.  
  216. [one_half first]
  217.  
  218. [iconbox title="Copy Paste Work" icon="big_injection.png"]Select one of the icons. You can add icons to this list by simply uploading new ones to your themes image folder .[/iconbox]
  219.  
  220. [/one_half]
  221.  
  222. [one_half]
  223.  
  224. [iconbox title="Reviews" icon="big_pencil.png"]Folder (images/icons/iconbox). They will be displayed here automatically
  225.  
  226. [/iconbox]
  227.  
  228. [/one_half]
  229.  
  230. [hr]
  231.  
  232. [one_third first]
  233. [iconbox title="Shortcodes" icon="edit-paste.png"]Select one of the icons. You can add icons to this list by simply uploading new ones to your themes image folder .[/iconbox]
  234.  
  235. [/one_third]
  236.  
  237. [one_third]
  238.  
  239. [iconbox title="Smart Ideas" icon="dialog-information.png"]Folder (images/icons/iconbox). They will be displayed here automatically
  240.  
  241. [/iconbox]
  242.  
  243. [/one_third]
  244.  
  245. [one_third]
  246.  
  247. [iconbox title="Copy Paste Work" icon="edit-copy.png"]Select one of the icons. You can add icons to this list by simply uploading new ones to your themes image folder .[/iconbox]
  248.  
  249. [/one_third]
  250.  
  251. [one_third first]
  252. [iconbox title="Shortcodes" icon="image-x-generic.png"]Select one of the icons. You can add icons to this list by simply uploading new ones to your themes image folder .[/iconbox]
  253.  
  254. [/one_third]
  255.  
  256. [one_third]
  257.  
  258. [iconbox title="Smart Ideas" icon="internet-mail.png"]Folder (images/icons/iconbox). They will be displayed here automatically
  259.  
  260. [/iconbox]
  261.  
  262. [/one_third]
  263.  
  264. [one_third]
  265.  
  266. [iconbox title="Copy Paste Work" icon="package-x-generic.png"]Select one of the icons. You can add icons to this list by simply uploading new ones to your themes image folder .[/iconbox]
  267.  
  268. [/one_third]
  269.  
  270. [hr]
  271.  
  272. [one_third first]
  273.  
  274. Content Slider
  275.  
  276. The content slider can be placed anywhere and will adjust its width to the parent column. The height will automatically be modified for each conten slide[/one_third]
  277.  
  278. [two_third]
  279.  
  280. [slideshow 6]
  281.  
  282. [slide title="Slide1"]Sliagna consequat consequat consectetur, arcu seat ligula elit sed meseqcipit lorem,  pulvinar consequaagna consequat consequat consectetur, arcu sem suscipit lorem,  pulvinar consequat liguat consequat consectetur, arcu sem suscipit lorem,  pulvinar consequat ligula elit sed metus. consequat consequat consetu.[/slide]
  283.  
  284. [slide title="Slide2"]Sliagna conliem,  pulctetur, arcu seat ligula elit sed meseqcipit lorem,  pulvinar consequaagna consequat consequat consectetur, arcu sem suscipit lorem,  pulvinar consequat liguat consequat consectetur, arcu sem suscipit lorem,  pulvinareqguat consconsequat conseuat consequat consequat consequat ligula elit sed metus. consequat consequat consetuagna consequat consequat consectetur, arcu seat ligula elit sed meseqcipit lorem,  pulvinar consequaagna conseqequat consectetur, arcu sem suscipit loruat consecqvinar contetur, arcu sem suscipit lorem,  pulvinar consequat ligula elit sed metus. consequat consequat consetuagna consequat consequat consectetur, arcu seat ligula elit sed meseqcipit lorem,  pulvinar consequaagna consesequat sectetur, arcu sem suscipit lorem,  pulvinar consequat liguat consequat consectetur, arcu sem suscipit lorem,  pulvinar consequat ligula elit sed metus. consequat consequat cuat consonsetuere.[/slide]
  285.  
  286. [slide title="Slide3"]Slideagna consequat consequat consectetur, arcu seat ligula elit sed meseqcipit lorem,  pulvinar consequaagna consequat consequat consectetur, arcu sem suscipit lorem,  pulvinar consequat liguat consequat consectetur, arcu sem suscipit lorem,  pulvinar consequat ligula elit sed metus. consequat consequat consetuere.[/slide]
  287.  
  288. [/slideshow]
  289.  
  290. [/two_third]