How to setup Core Design Magic Tabs plugin? Print E-mail
(14 votes)

Examples

Custom ID:

{magictabs id=first_tab}Tabs 01:: The first text||||Tabs 02:: Text second text{/magictabs}
{magictabs id=second_tab}Tabs 01:: The first text||||Tabs 02:: Text second text{/magictabs}
{magictabs id=other_tab}Tabs 01:: The first text||||Tabs 02:: Text second text{/magictabs}

Style:

{magictabs style=lightblue_rounded}Tabs 01:: The first text||||Tabs 02:: Text second text{/magictabs}
{magictabs style=darkblue_rounded}Tabs 01:: The first text||||Tabs 02:: Text second text{/magictabs}
{magictabs style=brown_rounded}Tabs 01:: The first text||||Tabs 02:: Text second text{/magictabs}

Mode:

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

Tab width:

{magictabs tabwidth=350px}Tabs 01:: The first text||||Tabs 02:: Text second text{/magictabs}
{magictabs tabwidth=40%}Tabs 01:: The first text||||Tabs 02:: Text second text{/magictabs}
{magictabs tabwidth=8em}Tabs 01:: The first text||||Tabs 02:: Text second text{/magictabs}

Width and height:

{magictabs tabwidth=350px, tabheight=120px}Tabs 01:: The first text||||Tabs 02:: Text second text{/magictabs}
{magictabs tabwidth=300px, tabheight=80%}Tabs 01:: The first text||||Tabs 02:: Text second text{/magictabs}
{magictabs tabwidht=100%}Tabs 01:: The first text||||Tabs 02:: Text second text{/magictabs}
{magictabs tabheight=8em}Tabs 01:: The first text||||Tabs 02:: Text second text{/magictabs}

Margin:

{magictabs margin=0 auto}Tabs 01:: The first text||||Tabs 02:: Text second text{/magictabs}
{magictabs margin=10px}Tabs 01:: The first text||||Tabs 02:: Text second text{/magictabs}
{magictabs margin=15%}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}

Spacebetween:

{magictabs spacebetween=3px}Tabs 01:: The first text||||Tabs 02:: Text second text{/magictabs}
{magictabs spacebetween=0.5em}Tabs 01:: The first text||||Tabs 02:: Text second text{/magictabs}
{magictabs spacebetween=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 tabwidth=300px, tabheight=150px, event=mouseover}Tabs 01:: The first text||||Tabs 02:: Text second text{/magictabs}
{magictabs spacebetween=10px, rotate=3000, margin=0 auto}Tabs 01:: The first text||||Tabs 02:: Text second text{/magictabs}
{magictabs spacebetween=10px, rotate=3000, margin=0 auto}Tabs 01:: The first text||||Tabs 02:: Text second text{/magictabs}
{magictabs mode=both, offset=10px, tabalign=right}Tabs 01:: The first text||||Tabs 02:: Text second text{/magictabs}