Tabs

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».

Usage:

[plain][tabs style="1"]

[tab title="Tab Title"] …

These are the attributes you can use:

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.

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

[plain][tabs style="2"]

[tab title="Tab Title"] …

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.

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.

[plain][tabs style="3"]

[tab title="Tab Title"] …

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.

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.