SMASHING MAGAZINE TAB
1. Default Tab
Style 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.
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.
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.
[ 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]
Style 02:
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.
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.
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.
Syntax:
[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]
2. ALIGN LEFT TAB
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.
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.
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.
SYNTAX
[ 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]
3. ALIGN RIGHT TAB
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.
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.
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.
SYNTAX
[ 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]