SMASHING MAGAZINE TAB

1. Default Tab

Style 01:
[tabs style=”default1″][tab_item title=”Item 01″]Nullam pellentesque semper adipiscing? Suspendisse eu libero quam, fermentum porttitor arcu. Pellentesque vestibulum tellus at ligula volutpat cursus. Fusce ac leo ipsum, non ultrices elit. Praesent venenatis justo at mauris bibendum sit amet venenatis ipsum vehicula. Sed dapibus porttitor orci; nec porta velit porta in.[/tab_item][tab_item title=”Item 02″]Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Duis et rhoncus libero. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Integer tincidunt feugiat mauris, vitae faucibus sapien tempor vitae.[/tab_item][tab_item title=”Item 03″]Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Duis et rhoncus libero. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Integer tincidunt feugiat mauris, vitae faucibus sapien tempor vitae.[/tab_item][/tabs]
[code][ tabs style=”default”]

SYNTAX

[ tab_item title=”Item 01″]Nullam pellentesque semper adipiscing? Suspendisse eu libero quam, fermentum porttitor arcu. Pellentesque vestibulum tellus at ligula volutpat cursus. Fusce ac leo ipsum, non ultrices elit. Praesent venenatis justo at mauris bibendum sit amet venenatis ipsum vehicula. Sed dapibus porttitor orci; nec porta velit porta in.[ /tab_item]

[ tab_item title=”Item 02″]Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Duis et rhoncus libero. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Integer tincidunt feugiat mauris, vitae faucibus sapien tempor vitae.[ /tab_item]

[ tab_item title=”Item 03″]Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Duis et rhoncus libero. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Integer tincidunt feugiat mauris, vitae faucibus sapien tempor vitae.[ /tab_item]

[ /tabs][/code]

Style 02:

[tabs style=”default2″][tab_item title=”Item 01″]Nullam pellentesque semper adipiscing? Suspendisse eu libero quam, fermentum porttitor arcu. Pellentesque vestibulum tellus at ligula volutpat cursus. Fusce ac leo ipsum, non ultrices elit. Praesent venenatis justo at mauris bibendum sit amet venenatis ipsum vehicula. Sed dapibus porttitor orci; nec porta velit porta in.[/tab_item][tab_item title=”Item 02″]Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Duis et rhoncus libero. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Integer tincidunt feugiat mauris, vitae faucibus sapien tempor vitae.[/tab_item][tab_item title=”Item 03″]Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Duis et rhoncus libero. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Integer tincidunt feugiat mauris, vitae faucibus sapien tempor vitae.[/tab_item][/tabs]

Syntax:

[code][tabs style=”default2″][tab_item title=”Item 01″]Nullam pellentesque semper adipiscing? Suspendisse eu libero quam, fermentum porttitor arcu. Pellentesque vestibulum tellus at ligula volutpat cursus. Fusce ac leo ipsum, non ultrices elit. Praesent venenatis justo at mauris bibendum sit amet venenatis ipsum vehicula. Sed dapibus porttitor orci; nec porta velit porta in.[/tab_item][tab_item title=”Item 02″]Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Duis et rhoncus libero. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Integer tincidunt feugiat mauris, vitae faucibus sapien tempor vitae.[/tab_item][tab_item title=”Item 03″]Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Duis et rhoncus libero. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Integer tincidunt feugiat mauris, vitae faucibus sapien tempor vitae.[/tab_item][/tabs][/code]
[one_half]

2. ALIGN LEFT TAB

[one_half_last][tabs style=”left”][tab_item title=”Item 01″]Nullam pellentesque semper adipiscing? Suspendisse eu libero quam, fermentum porttitor arcu. Pellentesque vestibulum tellus at ligula volutpat cursus. Fusce ac leo ipsum, non ultrices elit. Praesent venenatis justo at mauris bibendum sit amet venenatis ipsum vehicula. Sed dapibus porttitor orci; nec porta velit porta in.[/tab_item][tab_item title=”Item 02″]Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Duis et rhoncus libero. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Integer tincidunt feugiat mauris, vitae faucibus sapien tempor vitae.[/tab_item][tab_item title=”Item 03″]Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Duis et rhoncus libero. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Integer tincidunt feugiat mauris, vitae faucibus sapien tempor vitae.[/tab_item][/tabs]

SYNTAX

[code][ tabs style=”left”] [ tab_item title=”Item 01″]Nullam pellentesque semper adipiscing? Suspendisse eu libero quam, fermentum porttitor arcu. Pellentesque vestibulum tellus at ligula volutpat cursus. Fusce ac leo ipsum, non ultrices elit. Praesent venenatis justo at mauris bibendum sit amet venenatis ipsum vehicula. Sed dapibus porttitor orci; nec porta velit porta in.[ /tab_item] [ tab_item title=”Item 02″]Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Duis et rhoncus libero. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Integer tincidunt feugiat mauris, vitae faucibus sapien tempor vitae.[ /tab_item][ tab_item title=”Item 03″]Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Duis et rhoncus libero. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Integer tincidunt feugiat mauris, vitae faucibus sapien tempor vitae.[ /tab_item][ /tabs][/code]

[/one_half]

[one_half_last]

3. ALIGN RIGHT TAB

[one_half_last][tabs style=”right”][tab_item title=”Item 01″]Nullam pellentesque semper adipiscing? Suspendisse eu libero quam, fermentum porttitor arcu. Pellentesque vestibulum tellus at ligula volutpat cursus. Fusce ac leo ipsum, non ultrices elit. Praesent venenatis justo at mauris bibendum sit amet venenatis ipsum vehicula. Sed dapibus porttitor orci; nec porta velit porta in.[/tab_item][tab_item title=”Item 02″]Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Duis et rhoncus libero. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Integer tincidunt feugiat mauris, vitae faucibus sapien tempor vitae.[/tab_item][tab_item title=”Item 03″]Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Duis et rhoncus libero. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Integer tincidunt feugiat mauris, vitae faucibus sapien tempor vitae.[/tab_item][/tabs]

SYNTAX

[code][ tabs style=”right”] [ tab_item title=”Item 01″]Nullam pellentesque semper adipiscing? Suspendisse eu libero quam, fermentum porttitor arcu. Pellentesque vestibulum tellus at ligula volutpat cursus. Fusce ac leo ipsum, non ultrices elit. Praesent venenatis justo at mauris bibendum sit amet venenatis ipsum vehicula. Sed dapibus porttitor orci; nec porta velit porta in.[ /tab_item] [ tab_item title=”Item 02″]Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Duis et rhoncus libero. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Integer tincidunt feugiat mauris, vitae faucibus sapien tempor vitae.[ /tab_item][ tab_item title=”Item 03″]Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Duis et rhoncus libero. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Integer tincidunt feugiat mauris, vitae faucibus sapien tempor vitae.[ /tab_item][ /tabs][/code]

[/one_half_last]

Leave a Reply

Your email address will not be published. Required fields are marked *

This site uses Akismet to reduce spam. Learn how your comment data is processed.