How to setup? Print E-mail
(105 votes)

Examples

Custom ID:

{magictabs id="firstone"}Tabs 01:: The first text||||Tabs 02:: Text second text{/magictabs}
{magictabs id="secondone"}Tabs 01:: The first text||||Tabs 02:: Text second text{/magictabs}
{magictabs id="otherone"}Tabs 01:: The first text||||Tabs 02:: Text second text{/magictabs}

UI Theme:

{magictabs uitheme="redmond"}Tabs 01:: The first text||||Tabs 02:: Text second text{/magictabs}
{magictabs uitheme="ui-lightness"}Tabs 01:: The first text||||Tabs 02:: Text second text{/magictabs}
{magictabs uitheme="ui-darkness"}Tabs 01:: The first text||||Tabs 02:: Text second text{/magictabs}

Animation:

{magictabs animation="fade"}Tabs 01:: The first text||||Tabs 02:: Text second text{/magictabs}
{magictabs animation="slide"}Tabs 01:: The first text||||Tabs 02:: Text second text{/magictabs}
{magictabs animation="both"}Tabs 01:: The first text||||Tabs 02:: Text second text{/magictabs}

Tab align:

{magictabs tabalign="left"}Tabs 01:: The first text||||Tabs 02:: Text second text{/magictabs}
{magictabs tabalign="right"}Tabs 01:: The first text||||Tabs 02:: Text second text{/magictabs}

Offset:

{magictabs offset="10px"}Tabs 01:: The first text||||Tabs 02:: Text second text{/magictabs}
{magictabs offset="2em"}Tabs 01:: The first text||||Tabs 02:: Text second text{/magictabs}
{magictabs offset="5%"}Tabs 01:: The first text||||Tabs 02:: Text second text{/magictabs}

Select:

{magictabs select="1"}Tabs 01:: The first text||||Tabs 02:: Text second text{/magictabs}
{magictabs select="2"}Tabs 01:: The first text||||Tabs 02:: Text second text{/magictabs}

Rotate:

{magictabs rotate="2000"}Tabs 01:: The first text||||Tabs 02:: Text second text{/magictabs}
{magictabs rotate="3000"}Tabs 01:: The first text||||Tabs 02:: Text second text{/magictabs}
{magictabs rotate="3500"}Tabs 01:: The first text||||Tabs 02:: Text second text{/magictabs}

Combination:

{magictabs event="mouseover"}Tabs 01:: The first text||||Tabs 02:: Text second text{/magictabs}
{magictabs rotate="3000"}Tabs 01:: The first text||||Tabs 02:: Text second text{/magictabs}
{magictabs rotate="3000"}Tabs 01:: The first text||||Tabs 02:: Text second text{/magictabs}
{magictabs animation="both" offset="10px" tabalign="right"}Tabs 01:: The first text||||Tabs 02:: Text second text{/magictabs}