Tab
<!-- Shortcode for tab -->
<div class="tiva-tab" layout="3" current-item="2" current-background="#1DABDA">
<div class="item">
<div class="title">Tab 1</div>
<div class="content">This is content for tab 1</div>
</div>
<div class="item">
<div class="title">Tab 2</div>
<div class="content">This is content for tab 2</div>
</div>
.....
</div>

Attributes:
  • layout: Layout of tab (1 -> 4). Default: 1.
  • current-item: Current (open) item on tab. Default: 1.
  • tab-background: Background color of tab. Default: #eeeeee.
  • tab-border: Color of tab's border (Apply for layout 2 and 4). Default: #dddddd.
  • current-background: Bacground color of current item. Default: #fff.
  • title-color: Color of title. Default: #333333.
  • content-color: Color of content. Default: #333333.
Layout 1
Tab 1
This is content for tab 1
Tab 2
This is content for tab 2
Tab 3
This is content for tab 3
Layout 2
Tab 1
This is content for tab 1
Tab 2
This is content for tab 2
Tab 3
This is content for tab 3
Layout 3
Tab 1
This is content for tab 1
Tab 2
This is content for tab 2
Tab 3
This is content for tab 3
Layout 4
Tab 1
This is content for tab 1
Tab 2
This is content for tab 2
Tab 3
This is content for tab 3