Shortcodes

[divider_padding]

1.- Boxes shortcode

[note]
Unc iaculis suscipit dui. Nam sit amet sem. Aliquam libero nisi, imperdiet at, tincidunt nec, gravida vehicula, nisl. Praesent mattis, massa quis luctus fermentum, turpis mi volutpat justo, eu volutpat enim diam eget metus.
[/note]

[ note_box ]Your Text[ /note_box]
/* without spaces between [] */

[divider]
[info]
Unc iaculis suscipit dui. Nam sit amet sem. Aliquam libero nisi, imperdiet at, tincidunt nec, gravida vehicula, nisl. Praesent mattis, massa quis luctus fermentum, turpis mi volutpat justo, eu volutpat enim diam eget metus.
[/info]

[ info_box]Your Text[ /info_box]
/* without spaces between [] */

[divider]
[download]
Unc iaculis suscipit dui. Nam sit amet sem. Aliquam libero nisi, imperdiet at, tincidunt nec, gravida vehicula, nisl. Praesent mattis, massa quis luctus fermentum, turpis mi volutpat justo, eu volutpat enim diam eget metus.
[/download]

[ download ]Your Text[ /download ]
/* without spaces between [] */

[divider]
[warning]
Unc iaculis suscipit dui. Nam sit amet sem. Aliquam libero nisi, imperdiet at, tincidunt nec, gravida vehicula, nisl. Praesent mattis, massa quis luctus fermentum, turpis mi volutpat justo, eu volutpat enim diam eget metus.
[/warning]

[ warning  ]Your Text[ /warning]
/* without spaces between [] */

[divider]

2.- Tabs shortcode

[tabs_frame tab1=”Installation” tab2=”Support” tab3=”Video Screencast”]
[tab]

Installing the software

  • Login into the dashboard.
  • Select the program.
  • Test it
  • Run it

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Fusce risus eros, tempus sit amet vulputate sit amet, elementum in sapien. Donec semper posuere purus eget tempus.

[/tab]
[tab]

Support

You can find support for this theme through our [tooltip url=”http://google.com” title=”Something in the title”]support section[/tooltip] of the site.

[/tab]
[tab]

How to install

Envato Sting from Activetuts+ on Vimeo.

[/tab]
[/tabs_frame]

[ tabs_frame tab1="Tab 4" tab2="Tab 5" tab3="Tab 6" ]
	[ tab ]Tab content 1[ /tab ]
	[ tab ]Tab content 2[ /tab ]
	[ tab ]Tab content 3[ /tab ]
[ /tabs_frame ]
/* without spaces between [] */

[divider]

3.- Tooltip shortcode

You can even add a beautiful tooltip to any link, image, element [tooltip url=”http://google.com” title=”Something in the title”]Something here[/tooltip] Lorem ipsum dolor sit amet, consectetur adipiscing elit. Aliquam nibh nisl, convallis eget dignissim mattis, dictum et ipsum. [tooltip url=”http://google.com” title=”Something in the title”]Sed consectetur[/tooltip] ornare fermentum. Praesent et nulla mi, in dignissim urna. Praesent quis arcu in risus interdum fermentum. Nulla facilisi. [tooltip url=”http://google.com” title=”Something in the title”]Aliquam adipiscing eleifend[/tooltip] nisi in adipiscing.

[ tooltip url="#" title="Tooltip text here" ]Your Text[ /tooltip ]
/* without spaces between [] */

[divider]

4.- Pullquotes shortcode

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nullam venenatis tristique nibh, vel egestas enim rhoncus et. Integer quam enim, lorem ipsum dolor sit amet, consectetur adipiscing elit. [pullquote_left]”Ut lorem metus, consectetur in semper eget, varius ac nisl. Duis aliquet posuere tellus.”[/pullquote_left] pharetra. Ut lorem metus, consectetur in semper eget, varius ac nisl. Duis aliquet posuere tellus et gravida. Praesent pulvinar ultricies mauris a auctor. Cras sed quam odio. Maecenas non est ligula. Sed massa risus, interdum a facilisis sed, tincidunt eu tellus, lorem ipsum dolor sit amet, consectetur adipiscing elit.
[divider]

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nullam venenatis tristique nibh, vel egestas enim rhoncus et. Integer quam enim, lorem ipsum dolor sit amet, consectetur adipiscing elit. [pullquote_right]”Ut lorem metus, consectetur in semper eget, varius ac nisl. Duis aliquet posuere tellus.”[/pullquote_right] pharetra. Ut lorem metus, consectetur in semper eget, varius ac nisl. Duis aliquet posuere tellus et gravida. Praesent pulvinar ultricies mauris a auctor. Cras sed quam odio. Maecenas non est ligula. Sed massa risus, interdum a facilisis sed, tincidunt eu tellus, lorem ipsum dolor sit amet, consectetur adipiscing elit, lorem ipsum dolor sit amet, consectetur adipiscing elit.

[divider]

5.- Buttons shortcode

[button link=”http://google.com” variation=”red”]I’m a button »[/button]

[ button link="http://google.com" variation="red" ]I'm a button »[ /button ]
/* without spaces between [] */

[button link=”http://google.com” variation=”green”]I’m a button »[/button]

[ button link="http://google.com" variation="green" ]I'm a button »[ /button ]
/* without spaces between [] */

[button link=”http://google.com” variation=”blue”]I’m a button »[/button]

[ button link="http://google.com" variation="blue" ]I'm a button »[ /button ]
/* without spaces between [] */

[button link=”http://google.com” variation=”orange”]I’m a button »[/button]

[ button link="http://google.com" variation="orange" ]I'm a button »[ /button ]
/* without spaces between [] */

[button link=”http://google.com” variation=”magenta”]I’m a button »[/button]

[ button link="http://google.com" variation="magenta" ]I'm a button »[ /button ]
/* without spaces between [] */

[button link=”http://google.com” variation=”orangellow”]I’m a button »[/button]

[ button link="http://google.com" variation="orangellow" ]I'm a button »[ /button ]
/* without spaces between [] */

[button link=”http://google.com” variation=”white”]I’m a button »[/button]

[ button link="http://google.com" variation="white" ]I'm a button »[ /button ]
/* without spaces between [] */

[button link=”http://google.com”]I’m a button »[/button]

[ button link="http://google.com" ]I'm a button »[ /button ]
/* without spaces between [] */

[button link=”http://google.com” variation=”secondary”]I’m a button »[/button]

[ button link="http://google.com" variation="secondary" ]I'm a button »[ /button ]
/* without spaces between [] */

[button link=”http://google.com” variation=”white” size=”large”]I’m a button »[/button]

[ button link="http://google.com" variation="white" size="large" ]I'm a button »[ /button ]
/* without spaces between [] */

[button link=”http://google.com” variation=”white” size=”small”]I’m a button »[/button]

[ button link="http://google.com" variation="white" size="small" ]I'm a button »[ /button ]
/* without spaces between [] */