Primary Color

Secondary Color

Header Top

Header Middle

Custom Font


Body Font

Body Font Style

Heading Font

Heading Font Style

Menu Font

Menu Font Style

Sub Menu Font

Sub Menu Font Style

Custom Background (Support Box Layout Only)


Background Image

  • patten 0
  • patten 1
  • patten 2
  • patten 3
  • patten 4
  • patten 5
  • patten 6
  • patten 7
  • patten 8
  • patten 9
  • patten 10

Backgrounds Color

Home » Features » Blog Shortcode 02 » Shortcode Tab

Shortcode Tab

SMASHING MAGAZINE TAB

1. Default 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.
[ 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] [ /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.
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][ /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.

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][ /tabs]