[title text=»Tabs Align Left Style» icon=»fa-cog» line=»yes»]
[tabs effect=»fadeInUp»]
[tabs_item title=»First Tab»]
Suspendisse eleifend odio non tellus fermentum quis pharetra massa aliquet. Lorem ipsum dolor sit amet, consectetur adipiscing elit.
Pellentesque interdum rutrum est sit amet ullamcorper. Mauris enim enim, fermentum ac pulvinar ornare, congue at libero. Phasellus semper est a orci dictum posuere.
[/tabs_item]
[tabs_item title=»Second Tab» icon=»fa-star»]
Curabitur mollis viverra neque, vestibulum malesuada velit dapibus nec. Suspendisse vitae augue erat. Nullam nulla elit, tincidunt eget dictum et, accumsan in eros.
Aliquam ac venenatis sem. Morbi convallis sollicitudin mauris, nec varius velit vulputate vel. Proin venenatis egestas turpis eu ultrices.
[/tabs_item]
[tabs_item title=»Third Tab» icon=»fa-heart»]
Mauris volutpat arcu eget erat cursus in ullamcorper erat suscipit. Maecenas eget neque a nunc volutpat imperdiet. Mauris a nulla odio, et iaculis risus.
[/tabs_item]
[/tabs]
[space]
[title text=»Tabs Align Center Style» icon=»fa-cog» line=»yes»]
[tabs align=»center»]
[tabs_item title=»First Tab»]
Suspendisse eleifend odio non tellus fermentum quis pharetra massa aliquet. Lorem ipsum dolor sit amet, consectetur adipiscing elit.
Pellentesque interdum rutrum est sit amet ullamcorper. Mauris enim enim, fermentum ac pulvinar ornare, congue at libero. Phasellus semper est a orci dictum posuere.
[/tabs_item]
[tabs_item title=»Second Tab» icon=»fa-star»]
Curabitur mollis viverra neque, vestibulum malesuada velit dapibus nec. Suspendisse vitae augue erat. Nullam nulla elit, tincidunt eget dictum et, accumsan in eros.
Aliquam ac venenatis sem. Morbi convallis sollicitudin mauris, nec varius velit vulputate vel. Proin venenatis egestas turpis eu ultrices.
[/tabs_item]
[tabs_item title=»Third Tab» icon=»fa-heart»]
Mauris volutpat arcu eget erat cursus in ullamcorper erat suscipit. Maecenas eget neque a nunc volutpat imperdiet. Mauris a nulla odio, et iaculis risus.
[/tabs_item]
[/tabs]
[space]
[title text=»Tabs Style 2 Top + Align Center Style» icon=»fa-cog» line=»yes»]
[row][column width=»1/1″]
[tabs style=»2″ position=»top» align=»center» effect=»fadeInUp»]
[tabs_item title=»Database» color=»chocolate» icon=»fa-database»]
Suspendisse eleifend odio non tellus fermentum quis pharetra massa aliquet. Lorem ipsum dolor sit amet, consectetur adipiscing elit.
Pellentesque interdum rutrum est sit amet ullamcorper. Mauris enim enim, fermentum ac pulvinar ornare, congue at libero. Phasellus semper est a orci dictum posuere.
[/tabs_item]
[tabs_item title=»Cubes» color=»deepskyblue» icon=»fa-cubes»]
Curabitur mollis viverra neque, vestibulum malesuada velit dapibus nec. Suspendisse vitae augue erat. Nullam nulla elit, tincidunt eget dictum et, accumsan in eros.
Aliquam ac venenatis sem. Morbi convallis sollicitudin mauris, nec varius velit vulputate vel. Proin venenatis egestas turpis eu ultrices.
[/tabs_item]
[tabs_item title=»Desktop» color=»purple» icon=»fa-desktop»]
Mauris volutpat arcu eget erat cursus in ullamcorper erat suscipit. Maecenas eget neque a nunc volutpat imperdiet. Mauris a nulla odio, et iaculis risus.
[/tabs_item]
[/tabs]
[/column][/row]
[space]
[title text=»Tabs Style 2 Bottom + Align Center Style» icon=»fa-cog» line=»yes»]
[row][column width=»1/1″]
[tabs style=»2″ position=»bottom» align=»center» effect=»fadeInUp»]
[tabs_item title=»Database» color=»chocolate» icon=»fa-database»]
Suspendisse eleifend odio non tellus fermentum quis pharetra massa aliquet. Lorem ipsum dolor sit amet, consectetur adipiscing elit.
Pellentesque interdum rutrum est sit amet ullamcorper. Mauris enim enim, fermentum ac pulvinar ornare, congue at libero. Phasellus semper est a orci dictum posuere.
[/tabs_item]
[tabs_item title=»Cubes» color=»deepskyblue» icon=»fa-cubes»]
Curabitur mollis viverra neque, vestibulum malesuada velit dapibus nec. Suspendisse vitae augue erat. Nullam nulla elit, tincidunt eget dictum et, accumsan in eros.
Aliquam ac venenatis sem. Morbi convallis sollicitudin mauris, nec varius velit vulputate vel. Proin venenatis egestas turpis eu ultrices.
[/tabs_item]
[tabs_item title=»Desktop» color=»purple» icon=»fa-desktop»]
Mauris volutpat arcu eget erat cursus in ullamcorper erat suscipit. Maecenas eget neque a nunc volutpat imperdiet. Mauris a nulla odio, et iaculis risus.
[/tabs_item]
[/tabs]
[/column][/row]
[space]
[title text=»Tabs Style 3 Top + Align Center Style» icon=»fa-cog» line=»yes»]
[row][column width=»1/1″]
[tabs style=»3″ position=»top» align=»center» effect=»fadeInUp»]
[tabs_item title=»Database»]
Suspendisse eleifend odio non tellus fermentum quis pharetra massa aliquet. Lorem ipsum dolor sit amet, consectetur adipiscing elit.
Pellentesque interdum rutrum est sit amet ullamcorper. Mauris enim enim, fermentum ac pulvinar ornare, congue at libero. Phasellus semper est a orci dictum posuere.
[/tabs_item]
[tabs_item title=»Cubes»]
Curabitur mollis viverra neque, vestibulum malesuada velit dapibus nec. Suspendisse vitae augue erat. Nullam nulla elit, tincidunt eget dictum et, accumsan in eros.
Aliquam ac venenatis sem. Morbi convallis sollicitudin mauris, nec varius velit vulputate vel. Proin venenatis egestas turpis eu ultrices.
[/tabs_item]
[tabs_item title=»Desktop]
Mauris volutpat arcu eget erat cursus in ullamcorper erat suscipit. Maecenas eget neque a nunc volutpat imperdiet. Mauris a nulla odio, et iaculis risus.
[/tabs_item]
[/tabs]
[/column][/row]
[space]
[title text=»Tabs Shortcode» icon=»fa-code» line=»yes»]
[tabs align="left" effect="fadeInUp" ] [tabs_item title="Third Tab" icon="fa-heart"]...[/tabs_item] ... [/tabs]
Params | Default | Possible Values | Description |
---|---|---|---|
style | 1 | 1 , 2 , 3 , 4 |
The tabs style |
align | left | left , center , right |
The tabs align style |
position | top | top , bottom |
The tabs nav position |
effect | none | none , bounce , flash , pulse , rubberBand , shake , swing , tada , wobble , bounceIn , bounceInDown , bounceInLeft , bounceInRight , bounceInUp , bounceOut , bounceOutDown , bounceOutLeft , bounceOutRight , bounceOutUp , fadeIn , fadeInDown , fadeInDownBig , fadeInLeft , fadeInLeftBig , fadeInRight , fadeInRightBig , fadeInUp , fadeInUpBig , fadeOut , fadeOutDown , fadeOutDownBig , fadeOutLeft , fadeOutLeftBig , fadeOutRight , fadeOutRightBig , fadeOutUp , fadeOutUpBig , flip , flipInX , flipInY , flipOutX , flipOutY , lightSpeedIn , lightSpeedOut , rotateIn , rotateInDownLeft , rotateInDownRight , rotateInUpLeft , rotateInUpRight , rotateOut , rotateOutDownLeft , rotateOutDownRight , rotateOutUpLeft , rotateOutUpRight , hinge , rollIn , rollOut , zoomIn , zoomInDown , zoomInLeft , zoomInRight , zoomInUp , zoomOut , zoomOutDown , zoomOutLeft , zoomOutRight , zoomOutUp |
The tabs item show effect |
[space]
[title text=»SideTabs Align Left Style» icon=»fa-cog» line=»yes»]
[sidetabs]
[sidetabs_item title=»First SideTab»]
Suspendisse eleifend odio non tellus fermentum quis pharetra massa aliquet. Lorem ipsum dolor sit amet, consectetur adipiscing elit.
Pellentesque interdum rutrum est sit amet ullamcorper. Mauris enim enim, fermentum ac pulvinar ornare, congue at libero. Phasellus semper est a orci dictum posuere.
[/sidetabs_item]
[sidetabs_item title=»Second SideTab» icon=»fa-star»]
Curabitur mollis viverra neque, vestibulum malesuada velit dapibus nec. Suspendisse vitae augue erat. Nullam nulla elit, tincidunt eget dictum et, accumsan in eros.
Aliquam ac venenatis sem. Morbi convallis sollicitudin mauris, nec varius velit vulputate vel. Proin venenatis egestas turpis eu ultrices.
[/sidetabs_item]
[sidetabs_item title=»Third SideTab» icon=»fa-heart»]
Mauris volutpat arcu eget erat cursus in ullamcorper erat suscipit. Maecenas eget neque a nunc volutpat imperdiet. Mauris a nulla odio, et iaculis risus.
[/sidetabs_item]
[/sidetabs]
[space]
[title text=»SideTabs Align Right Style» icon=»fa-cog» line=»yes»]
[sidetabs align=»right»]
[sidetabs_item title=»First SideTab»]
Suspendisse eleifend odio non tellus fermentum quis pharetra massa aliquet. Lorem ipsum dolor sit amet, consectetur adipiscing elit.
Pellentesque interdum rutrum est sit amet ullamcorper. Mauris enim enim, fermentum ac pulvinar ornare, congue at libero. Phasellus semper est a orci dictum posuere.
[/sidetabs_item]
[sidetabs_item title=»Second SideTab» icon=»fa-star»]
Curabitur mollis viverra neque, vestibulum malesuada velit dapibus nec. Suspendisse vitae augue erat. Nullam nulla elit, tincidunt eget dictum et, accumsan in eros.
Aliquam ac venenatis sem. Morbi convallis sollicitudin mauris, nec varius velit vulputate vel. Proin venenatis egestas turpis eu ultrices.
[/sidetabs_item]
[sidetabs_item title=»Third SideTab» icon=»fa-heart»]
Mauris volutpat arcu eget erat cursus in ullamcorper erat suscipit. Maecenas eget neque a nunc volutpat imperdiet. Mauris a nulla odio, et iaculis risus.
[/sidetabs_item]
[/sidetabs]
[space]
[title text=»SideTabs Shortcode» icon=»fa-code» line=»yes»]
[sidetabs align="left" effect="fadeInUp" ] [sidetabs_item title="Third Tab" icon="fa-heart"]...[/sidetabs_item] ... [/sidetabs]
Params | Default | Possible Values | Description |
---|---|---|---|
align | left | left , right |
The sidetabs align style |
effect | none | none , bounce , flash , pulse , rubberBand , shake , swing , tada , wobble , bounceIn , bounceInDown , bounceInLeft , bounceInRight , bounceInUp , bounceOut , bounceOutDown , bounceOutLeft , bounceOutRight , bounceOutUp , fadeIn , fadeInDown , fadeInDownBig , fadeInLeft , fadeInLeftBig , fadeInRight , fadeInRightBig , fadeInUp , fadeInUpBig , fadeOut , fadeOutDown , fadeOutDownBig , fadeOutLeft , fadeOutLeftBig , fadeOutRight , fadeOutRightBig , fadeOutUp , fadeOutUpBig , flip , flipInX , flipInY , flipOutX , flipOutY , lightSpeedIn , lightSpeedOut , rotateIn , rotateInDownLeft , rotateInDownRight , rotateInUpLeft , rotateInUpRight , rotateOut , rotateOutDownLeft , rotateOutDownRight , rotateOutUpLeft , rotateOutUpRight , hinge , rollIn , rollOut , zoomIn , zoomInDown , zoomInLeft , zoomInRight , zoomInUp , zoomOut , zoomOutDown , zoomOutLeft , zoomOutRight , zoomOutUp |
The sidetabs item show effect |