[tabs style=”1″]

[tab title=”About the Shortcode”]

This shortcode let’s you easily create tabs within your pages. There are 4 different styles of tabs. The shortcode is made out of 2 shortcodes. One wrapping shortcode “tabs” and children shortcodes “tab”.

[padding size=”10″]

Usage:

[plain][[tabs style=”1″]]

[[tab title=”Tab Title”]] … [tab]
[[tab title=”Tab #2″]] … [tab]
[[tab title=”Third Tab”]] … [tab]

[tabs][/plain]

[/tab]

[tab title=”Attributes”]

These are the attributes you can use:

[column size=”one-half”]
[header style=”fancy1″ type=”h6″]tabs Shortcode[/header]

  • style: the style of your tabs. There are 4 styles and a vertical style as well.
    Options: 1, 2, 3 — Default: 1

[/column]

[column size=”one-half” last=”last”]
[header style=”fancy1″ type=”h6″]tab Shortcode[/header]

  • title: Title of your tab
    Default: Title

[/column]

[/tab]

[tab title=”Just another tab”]

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Aliquam ac lorem dolor, vulputate tristique ipsum. Cras nunc est, interdum nec ultricies ut, rutrum vel nisl. Sed est risus, laoreet eget viverra sit amet, commodo id neque. Donec vitae eros vitae augue tincidunt vestibulum. Proin fermentum magna sit amet est sollicitudin eleifend. Ut vestibulum leo vitae augue aliquam eu congue lacus lobortis. Nunc tortor quam, commodo in interdum in, mollis posuere nibh. Integer a leo a dolor pulvinar rutrum. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia Curae; Proin dapibus gravida nibh eu accumsan.

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Aliquam ac lorem dolor, vulputate tristique ipsum. Cras nunc est, interdum nec ultricies ut, rutrum vel nisl. Sed est risus, laoreet eget viverra sit amet, commodo id neque. Donec vitae eros vitae augue tincidunt vestibulum. Proin fermentum magna sit amet est sollicitudin eleifend.

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Aliquam ac lorem dolor, vulputate tristique ipsum. Cras nunc est, interdum nec ultricies ut, rutrum vel nisl. Sed est risus, laoreet eget viverra sit amet, commodo id neque. Donec vitae eros vitae augue tincidunt vestibulum. Proin fermentum magna sit amet est sollicitudin eleifend. Ut vestibulum leo vitae augue aliquam eu congue lacus lobortis. Nunc tortor quam, commodo in interdum in, mollis posuere nibh. Integer a leo a dolor pulvinar rutrum. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia Curae; Proin dapibus gravida nibh eu accumsan. Ut vestibulum leo vitae augue aliquam eu congue lacus lobortis. Nunc tortor quam, commodo in interdum in, mollis posuere nibh. Integer a leo a dolor pulvinar rutrum. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia Curae; Proin dapibus gravida nibh eu accumsan.

[/tab]

[/tabs]

[divider_top text=””]

Style #2

[tabs style=”2″]

[tab title=”Tab 1″]

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Aliquam ac lorem dolor, vulputate tristique ipsum.

[plain][[tabs style=”2″]]

[[tab title=”Tab Title”]] … [tab]
[[tab title=”Tab #2″]] … [tab]
[[tab title=”Third Tab”]] … [tab]

[tabs][/plain]

[/tab]

[tab title=”Second Tab”]

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Aliquam ac lorem dolor, vulputate tristique ipsum. Cras nunc est, interdum nec ultricies ut, rutrum vel nisl. Sed est risus, laoreet eget viverra sit amet, commodo id neque. Donec vitae eros vitae augue tincidunt vestibulum. Proin fermentum magna sit amet est sollicitudin eleifend. Ut vestibulum leo vitae augue aliquam eu congue lacus lobortis. Nunc tortor quam, commodo in interdum in, mollis posuere nibh. Integer a leo a dolor pulvinar rutrum. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia Curae; Proin dapibus gravida nibh eu accumsan. Ut vestibulum leo vitae augue aliquam eu congue lacus lobortis. Nunc tortor quam, commodo in interdum in, mollis posuere nibh. Integer a leo a dolor pulvinar rutrum. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia Curae; Proin dapibus gravida nibh eu accumsan.

[/tab]

[tab title=”Last tab”]

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Aliquam ac lorem dolor, vulputate tristique ipsum. Cras nunc est, interdum nec ultricies ut, rutrum vel nisl. Sed est risus, laoreet eget viverra sit amet, commodo id neque. Donec vitae eros vitae augue tincidunt vestibulum. Proin fermentum magna sit amet est sollicitudin eleifend.

[/tab]

[/tabs]

[divider_top text=””]

Style #3

[tabs style=”3″]

[tab title=”Tab 1″]

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Aliquam ac lorem dolor, vulputate tristique ipsum.

[plain][[tabs style=”3″]]

[[tab title=”Tab Title”]] … [tab]
[[tab title=”Tab #2″]] … [tab]
[[tab title=”Third Tab”]] … [tab]

[tabs][/plain]

[/tab]

[tab title=”Second Tab”]

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Aliquam ac lorem dolor, vulputate tristique ipsum. Cras nunc est, interdum nec ultricies ut, rutrum vel nisl. Sed est risus, laoreet eget viverra sit amet, commodo id neque. Donec vitae eros vitae augue tincidunt vestibulum. Proin fermentum magna sit amet est sollicitudin eleifend. Ut vestibulum leo vitae augue aliquam eu congue lacus lobortis. Nunc tortor quam, commodo in interdum in, mollis posuere nibh. Integer a leo a dolor pulvinar rutrum. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia Curae; Proin dapibus gravida nibh eu accumsan. Ut vestibulum leo vitae augue aliquam eu congue lacus lobortis. Nunc tortor quam, commodo in interdum in, mollis posuere nibh. Integer a leo a dolor pulvinar rutrum. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia Curae; Proin dapibus gravida nibh eu accumsan.

[/tab]

[tab title=”Last tab”]

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Aliquam ac lorem dolor, vulputate tristique ipsum. Cras nunc est, interdum nec ultricies ut, rutrum vel nisl. Sed est risus, laoreet eget viverra sit amet, commodo id neque. Donec vitae eros vitae augue tincidunt vestibulum. Proin fermentum magna sit amet est sollicitudin eleifend.

[/tab]

[/tabs]

Laat een Reactie achter