Primary Color

Secondary Color

Tertiary Color

Top Header

Horizontal Menu Color

Vertical Menu Color

Primary Button

Secondary Button

Tertiary Button

Icon

Body Font

Heading Font

Horizontal Menu Font

Vertical Menu Font

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 » Shortcode Tab

Shortcode Tab

SMASHING MAGAZINE TAB

1. Default Tab

Style 01:

[ 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:

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

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

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]