Pastebin launched a little side project called VERYVIRAL.com, check it out ;-) Want more features on Pastebin? Sign Up, it's FREE!
Guest

choices-shortcodes

By: a guest on Oct 8th, 2012  |  syntax: HTML  |  size: 18.52 KB  |  views: 177  |  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. <h2>Table</h2>
  2. [avia_table]
  3. <table class="description_row description_column">
  4. <tbody>
  5. <tr class="description_row">
  6. <td class="description_column"></td>
  7. <td>Basic</td>
  8. <td class="highlighted">Advanced</td>
  9. <td>SuperStar</td>
  10. </tr>
  11. <tr class="pricing-row">
  12. <td class="description_column">Plans</td>
  13. <td>10$
  14. <small>per month</small></td>
  15. <td class="highlighted">30$
  16. <small>per month</small></td>
  17. <td>60$
  18. <small>per month</small></td>
  19. </tr>
  20. <tr>
  21. <td class="description_column">Team Members</td>
  22. <td>3</td>
  23. <td class="highlighted">10</td>
  24. <td>Unlimited</td>
  25. </tr>
  26. <tr>
  27. <td class="description_column">Active Goals</td>
  28. <td>10</td>
  29. <td class="highlighted">15</td>
  30. <td>Unlimited</td>
  31. </tr>
  32. <tr>
  33. <td class="description_column">Reports</td>
  34. <td>[table_icon minus]</td>
  35. <td class="highlighted">[table_icon tick]</td>
  36. <td>[table_icon tick]</td>
  37. </tr>
  38. <tr>
  39. <td class="description_column">User Limit</td>
  40. <td>1000</td>
  41. <td class="highlighted">10000</td>
  42. <td>Unlimited</td>
  43. </tr>
  44. <tr>
  45. <td class="description_column">Support</td>
  46. <td>[table_icon minus]</td>
  47. <td class="highlighted">[table_icon minus]</td>
  48. <td>[table_icon tick]</td>
  49. </tr>
  50. <tr>
  51. <td class="description_column">Notifications</td>
  52. <td>[table_icon tick]</td>
  53. <td class="highlighted">[table_icon tick]</td>
  54. <td>[table_icon tick]</td>
  55. </tr>
  56. <tr class="button-row">
  57. <td class="description_column"></td>
  58. <td>[button link="http://kriesi.at"]Purchase[/button]</td>
  59. <td class="highlighted">[button link="http://kriesi.at"]Purchase[/button]</td>
  60. <td>[button link="http://kriesi.at"]Purchase[/button]</td>
  61. </tr>
  62. </tbody>
  63. </table>
  64. [/avia_table]
  65. <h2>Columns</h2>
  66. [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]
  67.  
  68. [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]
  69.  
  70. [hr]
  71.  
  72. [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]
  73.  
  74. [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]
  75.  
  76. [hr]
  77.  
  78. [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]
  79.  
  80. [three_fourth][dropcap3]2[/dropcap3]Consequat consequat consectetur, arcu seat ligula elit sed meseqcipit lorem,  pulvinar consequaagna consequat consequat consectetur, arcu sem suscipit lorem
  81.  
  82. Consequat consequat consectetur, arcu seat ligula elit sed meseqcipit lorem,  pulvinar consequaagna consequat consequat consectetur, arcu sem suscipit lorem[/three_fourth]
  83.  
  84. [hr]
  85.  
  86. [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]
  87.  
  88. [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]
  89.  
  90. [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]
  91.  
  92. [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]
  93.  
  94. [hr]
  95.  
  96. [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]
  97.  
  98. [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]
  99.  
  100. [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]
  101.  
  102. [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]
  103.  
  104. [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]
  105.  
  106. [hr top]
  107. <h3>Large Text</h3>
  108. [one_third first][big_box left="%" bellow="Small Content"]100[/big_box][/one_third]
  109.  
  110. [one_third][big_box left="$" bellow="Money"]40[/big_box][/one_third]
  111.  
  112. [one_third][big_box left="%" bellow="Small Content"]100[/big_box][/one_third]
  113.  
  114. [hr top]
  115.  
  116. [one_third first]
  117. <h3>Tabs</h3>
  118. [tab_container  initial_open='1']
  119.  
  120. [tab title='Tab1']
  121. 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.
  122. [/tab]
  123.  
  124. [tab title='Tab2']
  125. 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.
  126.  
  127. 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.
  128. [/tab]
  129.  
  130. [tab title='Tab3']
  131. 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.
  132. [/tab]
  133.  
  134. [/tab_container]
  135.  
  136. [/one_third]
  137.  
  138. [one_third]
  139. <h3>Toggles</h3>
  140. [toggle_container keep_open='true' ]
  141.  
  142. [toggle title='Click here to show/hide a small content box']
  143. 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.
  144. [/toggle]
  145.  
  146. [toggle title='Click here']
  147. 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.
  148. [/toggle]
  149.  
  150. [toggle title='Yes i am the next box']
  151. 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.
  152. [/toggle]
  153.  
  154. [toggle title='Use as many as you wish']
  155. 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.
  156. [/toggle]
  157.  
  158. [toggle title='Last click']
  159. 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.
  160. [/toggle]
  161.  
  162. [/toggle_container]
  163.  
  164. [/one_third]
  165.  
  166. [one_third]
  167. <h3>Toggles (one visible allowed)</h3>
  168. [toggle_container keep_open='false' initial_open='1']
  169.  
  170. [toggle title='Click here to show/hide a small content box']
  171. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur.
  172. [/toggle]
  173.  
  174. [toggle title='Click for another Box']
  175. 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.
  176. [/toggle]
  177.  
  178. [toggle title='This is title #3']
  179. 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.
  180. [/toggle]
  181.  
  182. [toggle title='I am number four!']
  183. 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.
  184. [/toggle]
  185.  
  186. [/toggle_container]
  187.  
  188. [/one_third]
  189.  
  190. [hr]
  191. <h3>Just a few possible buttons:</h3>
  192. [one_third first]
  193. <h3>Small Buttons</h3>
  194. [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]
  195.  
  196. [/one_third]
  197.  
  198. [one_third]
  199. <h3>Medium sized Buttons</h3>
  200. [button size="large" color="red" text="light"]Custom Button[/button] [button size="large" color="orange" text="light"]Custom Button[/button]
  201.  
  202. [button size="large" color="green" text="light"]Custom Button[/button] [button size="large" color="blue" text="light"]Custom Button[/button]
  203.  
  204. [button size="large" color="aqua" text="light"]Custom Button[/button] [button size="large" color="teal" text="light"]Custom Button[/button]
  205.  
  206. [button size="large" color="purple" text="light"]Custom Button[/button] [button size="large" color="pink" text="light"]Custom Button[/button]
  207.  
  208. [button size="large" color="silver" text="light"]Custom Button[/button] [button size="large" color="grey" text="light"]Custom Button[/button]
  209.  
  210. [/one_third]
  211.  
  212. [one_third]
  213. <h3>Big Buttons</h3>
  214. [button size="xl" color="red" text="light"]Custom Button[/button] [button size="xl" color="orange" text="light"]Custom Button[/button]
  215.  
  216. [button size="xl" color="green" text="light"]Custom Button[/button] [button size="xl" color="blue" text="light"]Custom Button[/button]
  217.  
  218. [button size="xl" color="aqua" text="light"]Custom Button[/button] [button size="xl" color="teal" text="light"]Custom Button[/button]
  219.  
  220. [button size="xl" color="purple" text="light"]Custom Button[/button] [button size="xl" color="pink" text="light"]Custom Button[/button]
  221.  
  222. [button size="xl" color="silver" text="light"]Custom Button[/button] [button size="xl" color="grey" text="light"]Custom Button[/button]
  223.  
  224. [/one_third]
  225.  
  226. &nbsp;
  227.  
  228. [hr]
  229. <h3>Widgets</h3>
  230. [one_third first]
  231.  
  232. [widget widget_name="avia_portfoliobox" widget_class_name="newsbox" title="Latest Portfolio Entries" count="3" excerpt="show title only"]
  233.  
  234. [/one_third]
  235.  
  236. [one_third]
  237.  
  238. [widget widget_name="avia_newsbox" widget_class_name="newsbox" title="Latest Posts" count="3" excerpt="show title only"]
  239.  
  240. [/one_third]
  241.  
  242. [one_third]
  243.  
  244. [widget widget_name="avia_tweetbox" widget_class_name="tweetbox" username="Kriesi" title="Latest Tweets" count="3" exclude_replies="yes" time="no" display_image="yes"]
  245.  
  246. [/one_third]
  247.  
  248. [hr]
  249.  
  250. [quote style="boxed" float="left"]A left floating quote[/quote]
  251.  
  252. [quote style="boxed" float="right"]A right floating quote[/quote]
  253.  
  254. [hr]
  255. <h3>Icon Boxes</h3>
  256. The theme comes with an Icon Box shortcode that makes use of more than 200 cool icons from a 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 ;)
  257.  
  258. [one_half first]
  259. [iconbox title="Shortcodes" icon="Radio.png"]Select one of the icons. You can add icons to this list by simply uploading new ones to your themes image folder .[/iconbox]
  260.  
  261. [/one_half]
  262.  
  263. [one_half]
  264.  
  265. [iconbox title="Smart Ideas" icon="Record.png"]Folder (images/icons/iconbox). They will be displayed here automatically
  266.  
  267. [/iconbox]
  268.  
  269. [/one_half]
  270.  
  271. [one_half first]
  272.  
  273. [iconbox title="Copy Paste Work" icon="Power.png"]Select one of the icons. You can add icons to this list by simply uploading new ones to your themes image folder .[/iconbox]
  274.  
  275. [/one_half]
  276.  
  277. [one_half]
  278.  
  279. [iconbox title="Reviews" icon="Settings.png"]Folder (images/icons/iconbox). They will be displayed here automatically
  280.  
  281. [/iconbox]
  282.  
  283. [/one_half]
  284.  
  285. [hr]
  286.  
  287. [one_third first]
  288. [iconbox title="Shortcodes" icon="Speech_Bubbles_2.png"]Select one of the icons. You can add icons to this list by simply uploading new ones to your themes image folder .[/iconbox]
  289.  
  290. [/one_third]
  291.  
  292. [one_third]
  293.  
  294. [iconbox title="Smart Ideas" icon="Users.png"]Folder (images/icons/iconbox). They will be displayed here automatically
  295.  
  296. [/iconbox]
  297.  
  298. [/one_third]
  299.  
  300. [one_third]
  301.  
  302. [iconbox title="Copy Paste Work" icon="Chart_7.png"]Select one of the icons. You can add icons to this list by simply uploading new ones to your themes image folder .[/iconbox]
  303.  
  304. [/one_third]
  305.  
  306. [one_third first]
  307. [iconbox title="Shortcodes" icon="Camera.png"]Select one of the icons. You can add icons to this list by simply uploading new ones to your themes image folder .[/iconbox]
  308.  
  309. [/one_third]
  310.  
  311. [one_third]
  312.  
  313. [iconbox title="Smart Ideas" icon="Documents.png"]Folder (images/icons/iconbox). They will be displayed here automatically
  314.  
  315. [/iconbox]
  316.  
  317. [/one_third]
  318.  
  319. [one_third]
  320.  
  321. [iconbox title="Copy Paste Work" icon="Film_Strip.png"]Select one of the icons. You can add icons to this list by simply uploading new ones to your themes image folder .[/iconbox]
  322.  
  323. [/one_third]
  324.  
  325. [hr]
  326.  
  327. [one_third first]
  328.  
  329. [iconbox_top title="Build your own Skins" icon="Frames.png"]Right out of your backend. No coding needed...
  330.  
  331. <a title="Shortcodes" href="http://www.kriesi.at/themes/choices/template-files/shortcodes/">Learn More</a>
  332.  
  333. [/iconbox_top]
  334.  
  335. [/one_third]
  336.  
  337. [one_third] [iconbox_top title="Mobile Optimized" icon="iPhone_4.png"]Responsive Design and Slideshows with touchcontrol
  338.  
  339. <a title="Shortcodes" href="http://www.kriesi.at/themes/choices/template-files/shortcodes/">Learn More</a>
  340.  
  341. [/iconbox_top]
  342.  
  343. [/one_third]
  344.  
  345. [one_third]
  346.  
  347. [iconbox_top title="Premium Support" icon="Speech_Bubble.png"]A Support Forum with thousands of users and posts
  348.  
  349. <a title="Shortcodes" href="http://www.kriesi.at/support/">Show Forum</a>
  350.  
  351. [/iconbox_top]
  352.  
  353. [/one_third]
  354.  
  355. [hr]
  356.  
  357. [one_third first]
  358. <h3>Content Slider</h3>
  359. 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]
  360.  
  361. [two_third]
  362.  
  363. [slideshow 6]
  364.  
  365. [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]
  366.  
  367. [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]
  368.  
  369. [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]
  370.  
  371. [/slideshow]
  372.  
  373. [/two_third]