Tabs & SideTabs

[title text=”Tabs Align Left Style” icon=”fa-cog” line=”yes”]
    [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]
[space] [title text=”Tabs Align Center Style” icon=”fa-cog” line=”yes”]
    [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]
[space] [title text=”Tabs Style 2 Top + Align Center Style” icon=”fa-cog” line=”yes”] [row][column width=”1/1″]
    [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]
[/column][/row] [space] [title text=”Tabs Style 2 Bottom + Align Center Style” icon=”fa-cog” line=”yes”] [row][column width=”1/1″]
    [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]
[/column][/row] [space] [title text=”Tabs Style 3 Top + Align Center Style” icon=”fa-cog” line=”yes”] [row][column width=”1/1″]
    [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]
[/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

Leave a Reply

Your email address will not be published. Required fields are marked *