Tabs Style

This is bdthemes shortcodes ultimate (joomla) Tabs example. you can get facility in this shortcode item> Style, Active Tab, Vertical(yes/no), Class, Content.just simply use this shortcode and get Tabs style.
Note: you can use this shortcode article and custom module. for your help we give a example bellow >

Default Tabs Style

Title 1Title 2Title 3
Content 1
Content 2
Content 3
[tabs style="default" active="1" vertical="no"][tab title="Title 1"]Content 1[/tab]
[tab title="Title 2"]Content 2[/tab]
[tab title="Title 3"]Content 3[/tab][/tabs]

Carbon Tabs Style

Title 1Title 2Title 3
Content 1
Content 2
Content 3
[tabs style="carbon" active="1" vertical="no"][tab title="Title 1"]Content 1[/tab]
[tab title="Title 2"]Content 2[/tab]
[tab title="Title 3"]Content 3[/tab][/tabs]

Sharp Tabs Style

Title 1Title 2Title 3
Content 1
Content 2
Content 3
[tabs style="sharp" active="1" vertical="no"][tab title="Title 1"]Content 1[/tab]
[tab title="Title 2"]Content 2[/tab]
[tab title="Title 3"]Content 3[/tab][/tabs]

Grid Tabs Style

Title 1Title 2Title 3
Content 1
Content 2
Content 3
[tabs style="grid" active="1" vertical="yes"][tab title="Title 1"]Content 1[/tab]
[tab title="Title 2"]Content 2[/tab]
[tab title="Title 3"]Content 3[/tab][/tabs]

Wood Tabs Style

Title 1Title 2Title 3
Content 1
Content 2
Content 3
[tabs style="wood" active="1"][tab title="Title 1"]Content 1[/tab]
[tab title="Title 2"]Content 2[/tab]
[tab title="Title 3"]Content 3[/tab][/tabs]

Fabric Tabs Style

Title 1Title 2Title 3
Content 1
Content 2
Content 3
[tabs style="fabric" active="1" vertical="yes"][tab title="Title 1"]Content 1[/tab]
[tab title="Title 2"]Content 2[/tab]
[tab title="Title 3"]Content 3[/tab][/tabs]

Modern Dark Tabs Style

Title 1Title 2Title 3
Content 1
Content 2
Content 3
[tabs style="modern-dark" active="1" vertical="no"][tab title="Title 1"]Content 1[/tab]
[tab title="Title 2"]Content 2[/tab]
[tab title="Title 3"]Content 3[/tab][/tabs]
Title 1Title 2Title 3
Content 1
Content 2
Content 3
[tabs style="modern-violet" vertical="yes"][tab title="Title 1"]Content 1[/tab]
[tab title="Title 2"]Content 2[/tab]
[tab title="Title 3"]Content 3[/tab][/tabs]

Flat Blue Tabs Style

Title 1Title 2Title 3
Content 1
Content 2
Content 3
[tabs style="flat-blue" active="1" vertical="yes"][tab title="Title 1"]Content 1[/tab]
[tab title="Title 2"]Content 2[/tab]
[tab title="Title 3"]Content 3[/tab][/tabs]

Icon With Tabs

Title 1Title 2Title 3
Content 1
Content 2
Content 3
[tabs style="default" active="1"][tab title="Title 1" icon="icon: hand-o-right"]Content 1[/tab]
	[tab title="Title 2" icon="icon: home"]Content 2[/tab]
	[tab title="Title 3" icon="icon: phone"]Content 3[/tab]
[/tabs]

Tabs Template Style

Title 1Title 2Title 3
Content 1IDuis autem vel eum iriure dolor in hendrerit in vulputate velit esse molestie consequat. Ut wisi enim ad minim veniam, quis nostrud exerci tation ullamcorper suscipit lobortis nisl ut aliquip ex ea commodo consequat. Duis autem vel eum iriure dolor in hendrerit in vulputate velit esse molestie consequat. Duis autem vel eum iriure dolor in hendrerit in vulputate velit esse molestie consequat.
Content 2 Ut wisi enim ad minim veniam, quis nostrud exerci tation ullamcorper suscipit lobortis nisl ut aliquip ex ea commodo consequat. Duis autem vel eum iriure dolor in hendrerit in vulputate velit esse molestie consequat.Ut wisi enim ad minim veniam, quis nostrud exerci tation ullamcorper suscipit lobortis nisl ut aliquip ex ea commodo consequat.
Content 3 Ad leggings keytar, brunch id art party dolor labore. Pitchfork yr enim lo-fi before they sold out qui. Tumblr farm-to-table bicycle rights whatever. Anim keffiyeh carles cardigan. Velit seitan mcsweeney's photo booth 3 wolf moon irure. Cosby sweater lomo jean shorts, williamsburg hoodie minim qurust fund culpa biodiesel wes anderson aesthetic.
[tabs style="default" active="1" class="template-style"][tab title="Title 1" icon="icon: hand-o-right"]Content 1[/tab]
[tab title="Title 2"]Content 2[/tab]
[tab title="Title 3"]Content 3[/tab][/tabs]