Editing Template:Tab Template

<div style="font-weight:bold; text-align:center; margin-bottom:0px;">
{{#ifeq:{{SUBPAGENAME}}|{{PAGENAME}}| <!-- main page -->
<div style="min-width:{{{minwidth|5.0}}}em; max-width:{{{maxwidth|12}}}em; float:left; border:1.5px solid {{{bordercolor|gray}}}; -moz-border-radius-topright: {{{borderradius|4}}}px; -moz-border-radius-topleft: {{{borderradius|4}}}px; border-top-right-radius: {{{borderradius|4}}}px; border-top-left-radius: {{{borderradius|4}}}px; -webkit-border-top-right-radius: {{{borderradius|4}}}px; -webkit-border-top-left-radius: {{{borderradius|4}}}px; padding: .0em 0.5em; height:{{{height|3.8}}}em; margin-bottom:10px; background-color:{{{backcolor|#DDDDDD}}}; color: black; font-size:100%;">
<table style="height:100%;width:100%;"><tr>
<td style="vertical-align:center;">{{{tab1}}}
</td></tr></table></div>
|
<div style="min-width:{{{minwidth|5.0}}}em; max-width:{{{maxwidth}}}em; float:left; border:1.5px solid {{{bordercolor|gray}}}; -moz-border-radius-topright: {{{borderradius|4}}}px; -moz-border-radius-topleft: {{{borderradius|4}}}px; border-top-right-radius: {{{borderradius|4}}}px; border-top-left-radius: {{{borderradius|4}}}px; -webkit-border-top-right-radius: {{{borderradius|4}}}px; -webkit-border-top-left-radius: {{{borderradius|4}}}px; padding: .0em 0.5em; height:{{{height|3.8}}}em; margin-bottom:10px; background-color:{{{altbackcolor|transparent}}};">
<table style="height:100%;width:100%;"><tr>
<td style="vertical-align:center;">[[{{NAMESPACE}}:{{BASEPAGENAME}}{{!}}{{{tab1}}}]]</td>
</tr></table></div>
}}{{#if:{{{tab2| }}}|
{{#ifeq:{{SUBPAGENAME}}|{{{tab2}}}|
<div style="min-width:{{{minwidth|5.0}}}em; max-width:{{{maxwidth|12}}}em; float:left; border:1.5px solid {{{bordercolor|gray}}}; -moz-border-radius-topright: {{{borderradius|4}}}px; -moz-border-radius-topleft: {{{borderradius|4}}}px; border-top-right-radius: {{{borderradius|4}}}px; border-top-left-radius: {{{borderradius|4}}}px; -webkit-border-top-right-radius: {{{borderradius|4}}}px; -webkit-border-top-left-radius: {{{borderradius|4}}}px; padding: .0em 0.5em; height:{{{height|3.8}}}em; margin-bottom:10px; background-color:{{{backcolor|#DDDDDD}}}; color: black; font-size:100%;">
<table style="height:100%;width:100%;"><tr>
<td style="vertical-align:center;">{{{tab2}}}</td></tr></table></div>
|
<div style="min-width:{{{minwidth|5.0}}}em; max-width:{{{maxwidth|12}}}em; float:left; border:1.5px solid {{{bordercolor|gray}}}; -moz-border-radius-topright: {{{borderradius|4}}}px; -moz-border-radius-topleft: {{{borderradius|4}}}px; border-top-right-radius: {{{borderradius|4}}}px; border-top-left-radius: {{{borderradius|4}}}px; -webkit-border-top-right-radius: {{{borderradius|4}}}px; -webkit-border-top-left-radius: {{{borderradius|4}}}px; padding: .0em 0.5em; height:{{{height|3.8}}}em; margin-bottom:10px; background-color:{{{altbackcolor|transparent}}};">
<table style="height:100%;width:100%;"><tr>
<td style="vertical-align:center;">[[{{NAMESPACE}}:{{BASEPAGENAME}}/{{{tab2}}}{{!}}{{{tab2}}}]]
</td>
</tr></table></div>
}}
}}{{#if:{{{tab3| }}}|
{{#ifeq:{{SUBPAGENAME}}|{{{tab3}}}|
<div style="min-width:{{{minwidth|5.0}}}em; max-width:{{{maxwidth|12}}}em; float:left; border:1.5px solid {{{bordercolor|gray}}}; -moz-border-radius-topright: {{{borderradius|4}}}px; -moz-border-radius-topleft: {{{borderradius|4}}}px; border-top-right-radius: {{{borderradius|4}}}px; border-top-left-radius: {{{borderradius|4}}}px; -webkit-border-top-right-radius: {{{borderradius|4}}}px; -webkit-border-top-left-radius: {{{borderradius|4}}}px; padding: .0em 0.5em; height:{{{height|3.8}}}em; margin-bottom:10px; background-color:{{{backcolor|#DDDDDD}}}; color: black; font-size:100%;">
<table style="height:100%;width:100%;"><tr>
<td style="vertical-align:center;">{{{tab3}}}</td></tr></table></div>
|
<div style="min-width:{{{minwidth|5.0}}}em; max-width:{{{maxwidth|12}}}em; float:left; border:1.5px solid {{{bordercolor|gray}}}; -moz-border-radius-topright: {{{borderradius|4}}}px; -moz-border-radius-topleft: {{{borderradius|4}}}px; border-top-right-radius: {{{borderradius|4}}}px; border-top-left-radius: {{{borderradius|4}}}px; -webkit-border-top-right-radius: {{{borderradius|4}}}px; -webkit-border-top-left-radius: {{{borderradius|4}}}px; padding: .0em 0.5em; height:{{{height|3.8}}}em; margin-bottom:10px; background-color:{{{altbackcolor|transparent}}};">
<table style="height:100%;width:100%;"><tr>
<td style="vertical-align:center;">[[{{NAMESPACE}}:{{BASEPAGENAME}}/{{{tab3}}}{{!}}{{{tab3}}}]]
</td>
</tr></table></div>
}}
}}{{#if: {{{tab4| }}}|
{{#ifeq:{{SUBPAGENAME}}|{{{tab4}}}|
<div style="min-width:{{{minwidth|5.0}}}em; max-width:{{{maxwidth|12}}}em; float:left; border:1.5px solid {{{bordercolor|gray}}}; -moz-border-radius-topright: {{{borderradius|4}}}px; -moz-border-radius-topleft: {{{borderradius|4}}}px; border-top-right-radius: {{{borderradius|4}}}px; border-top-left-radius: {{{borderradius|4}}}px; -webkit-border-top-right-radius: {{{borderradius|4}}}px; -webkit-border-top-left-radius: {{{borderradius|4}}}px; padding: .0em 0.5em; height:{{{height|3.8}}}em; margin-bottom:10px; background-color:{{{backcolor|#DDDDDD}}}; color: black; font-size:100%;">
<table style="height:100%;width:100%;"><tr>
<td style="vertical-align:center;">{{{tab4}}}</td></tr></table></div>
|
<div style="min-width:{{{minwidth|5.0}}}em; max-width:{{{maxwidth|12}}}em; float:left; border:1.5px solid {{{bordercolor|gray}}}; -moz-border-radius-topright: {{{borderradius|4}}}px; -moz-border-radius-topleft: {{{borderradius|4}}}px; border-top-right-radius: {{{borderradius|4}}}px; border-top-left-radius: {{{borderradius|4}}}px; -webkit-border-top-right-radius: {{{borderradius|4}}}px; -webkit-border-top-left-radius: {{{borderradius|4}}}px; padding: .0em 0.5em; height:{{{height|3.8}}}em; margin-bottom:10px; background-color:{{{altbackcolor|transparent}}};">
<table style="height:100%;width:100%;"><tr>
<td style="vertical-align:center;">[[{{NAMESPACE}}:{{BASEPAGENAME}}/{{{tab4}}}{{!}}{{{tab4}}}]]
</td>
</tr></table></div>
}}
}}{{#if: {{{tab5| }}}|
{{#ifeq:{{SUBPAGENAME}}|{{{tab5}}}|
<div style="min-width:{{{minwidth|5.0}}}em; max-width:{{{maxwidth|12}}}em; float:left; border:1.5px solid {{{bordercolor|gray}}}; -moz-border-radius-topright: {{{borderradius|4}}}px; -moz-border-radius-topleft: {{{borderradius|4}}}px; border-top-right-radius: {{{borderradius|4}}}px; border-top-left-radius: {{{borderradius|4}}}px; -webkit-border-top-right-radius: {{{borderradius|4}}}px; -webkit-border-top-left-radius: {{{borderradius|4}}}px; padding: .0em 0.5em; height:{{{height|3.8}}}em; margin-bottom:10px; background-color:{{{backcolor|#DDDDDD}}}; color: black; font-size:100%;">
<table style="height:100%;width:100%;"><tr>
<td style="vertical-align:center;">{{{tab5}}}</td></tr></table></div>
|
<div style="min-width:{{{minwidth|5.0}}}em; max-width:{{{maxwidth|12}}}em; float:left; border:1.5px solid {{{bordercolor|gray}}}; -moz-border-radius-topright: {{{borderradius|4}}}px; -moz-border-radius-topleft: {{{borderradius|4}}}px; border-top-right-radius: {{{borderradius|4}}}px; border-top-left-radius: {{{borderradius|4}}}px; -webkit-border-top-right-radius: {{{borderradius|4}}}px; -webkit-border-top-left-radius: {{{borderradius|4}}}px; padding: .0em 0.5em; height:{{{height|3.8}}}em; margin-bottom:10px; background-color:{{{altbackcolor|transparent}}};">
<table style="height:100%;width:100%;"><tr>
<td style="vertical-align:center;">[[{{NAMESPACE}}:{{BASEPAGENAME}}/{{{tab5}}}{{!}}{{{tab5}}}]]
</td></tr></table></div>
}}
}}{{#if: {{{tab6| }}}|
{{#ifeq:{{SUBPAGENAME}}|{{{tab6}}}|
<div style="min-width:{{{minwidth|5.0}}}em; max-width:{{{maxwidth|12}}}em; float:left; border:1.5px solid {{{bordercolor|gray}}}; -moz-border-radius-topright: {{{borderradius|4}}}px; -moz-border-radius-topleft: {{{borderradius|4}}}px; border-top-right-radius: {{{borderradius|4}}}px; border-top-left-radius: {{{borderradius|4}}}px; -webkit-border-top-right-radius: {{{borderradius|4}}}px; -webkit-border-top-left-radius: {{{borderradius|4}}}px; padding: .0em 0.5em; height:{{{height|3.8}}}em; margin-bottom:10px; background-color:{{{backcolor|#DDDDDD}}}; color: black; font-size:100%;">
<table style="height:100%;width:100%;"><tr>
<td style="vertical-align:center;">{{{tab6}}}</td></tr></table></div>
|
<div style="min-width:{{{minwidth|5.0}}}em; max-width:{{{maxwidth|12}}}em; float:left; border:1.5px solid {{{bordercolor|gray}}}; -moz-border-radius-topright: {{{borderradius|4}}}px; -moz-border-radius-topleft: {{{borderradius|4}}}px; border-top-right-radius: {{{borderradius|4}}}px; border-top-left-radius: {{{borderradius|4}}}px; -webkit-border-top-right-radius: {{{borderradius|4}}}px; -webkit-border-top-left-radius: {{{borderradius|4}}}px; padding: .0em 0.5em; height:{{{height|3.8}}}em; margin-bottom:10px; background-color:{{{altbackcolor|transparent}}};">
<table style="height:100%;width:100%;"><tr>
<td style="vertical-align:center;">[[{{NAMESPACE}}:{{BASEPAGENAME}}/{{{tab6}}}{{!}}{{{tab6}}}]]
</td></tr></table></div>
}}
}}{{#if: {{{tab7| }}}|
{{#ifeq:{{SUBPAGENAME}}|{{{tab7}}}|
<div style="min-width:{{{minwidth|5.0}}}em; max-width:{{{maxwidth|12}}}em; float:left; border:1.5px solid {{{bordercolor|gray}}}; -moz-border-radius-topright: {{{borderradius|4}}}px; -moz-border-radius-topleft: {{{borderradius|4}}}px; border-top-right-radius: {{{borderradius|4}}}px; border-top-left-radius: {{{borderradius|4}}}px; -webkit-border-top-right-radius: {{{borderradius|4}}}px; -webkit-border-top-left-radius: {{{borderradius|4}}}px; padding: .0em 0.5em; height:{{{height|3.8}}}em; margin-bottom:10px; background-color:{{{backcolor|#DDDDDD}}}; color: black; font-size:100%;">
<table style="height:100%;width:100%;"><tr>
<td style="vertical-align:center;">{{{tab7}}}</td></tr></table></div>
|
<div style="min-width:{{{minwidth|5.0}}}em; max-width:{{{maxwidth|12}}}em; float:left; border:1.5px solid {{{bordercolor|gray}}}; -moz-border-radius-topright: {{{borderradius|4}}}px; -moz-border-radius-topleft: {{{borderradius|4}}}px; border-top-right-radius: {{{borderradius|4}}}px; border-top-left-radius: {{{borderradius|4}}}px; -webkit-border-top-right-radius: {{{borderradius|4}}}px; -webkit-border-top-left-radius: {{{borderradius|4}}}px; padding: .0em 0.5em; height:{{{height|3.8}}}em; margin-bottom:10px; background-color:{{{altbackcolor|transparent}}};">
<table style="height:100%;width:100%;"><tr>
<td style="vertical-align:center;">[[{{NAMESPACE}}:{{BASEPAGENAME}}/{{{tab7}}}{{!}}{{{tab7}}}]]
</td></tr></table></div>
}}
}}{{#if: {{{tab8| }}}|
{{#ifeq:{{SUBPAGENAME}}|{{{tab8}}}|
<div style="min-width:{{{minwidth|5.0}}}em; max-width:{{{maxwidth|12}}}em; float:left; border:1.5px solid {{{bordercolor|gray}}}; -moz-border-radius-topright: {{{borderradius|4}}}px; -moz-border-radius-topleft: {{{borderradius|4}}}px; border-top-right-radius: {{{borderradius|4}}}px; border-top-left-radius: {{{borderradius|4}}}px; -webkit-border-top-right-radius: {{{borderradius|4}}}px; -webkit-border-top-left-radius: {{{borderradius|4}}}px; padding: .0em 0.5em; height:{{{height|3.8}}}em; margin-bottom:10px; background-color:{{{backcolor|#DDDDDD}}}; color: black; font-size:100%;">
<table style="height:100%;width:100%;"><tr>
<td style="vertical-align:center;">{{{tab8}}}</td></tr></table></div>
|
<div style="min-width:{{{minwidth|5.0}}}em; max-width:{{{maxwidth|12}}}em; float:left; border:1.5px solid {{{bordercolor|gray}}}; -moz-border-radius-topright: {{{borderradius|4}}}px; -moz-border-radius-topleft: {{{borderradius|4}}}px; border-top-right-radius: {{{borderradius|4}}}px; border-top-left-radius: {{{borderradius|4}}}px; -webkit-border-top-right-radius: {{{borderradius|4}}}px; -webkit-border-top-left-radius: {{{borderradius|4}}}px; padding: .0em 0.5em; height:{{{height|3.8}}}em; margin-bottom:10px; background-color:{{{altbackcolor|transparent}}};">
<table style="height:100%;width:100%;"><tr>
<td style="vertical-align:center;">[[{{NAMESPACE}}:{{BASEPAGENAME}}/{{{tab8}}}{{!}}{{{tab8}}}]]
</td></tr></table></div>
}}
}}{{#if: {{{tab9| }}}|
{{#ifeq:{{SUBPAGENAME}}|{{{tab9}}}|
<div style="min-width:{{{minwidth|5.0}}}em; max-width:{{{maxwidth|12}}}em; float:left; border:1.5px solid {{{bordercolor|gray}}}; -moz-border-radius-topright: {{{borderradius|4}}}px; -moz-border-radius-topleft: {{{borderradius|4}}}px; border-top-right-radius: {{{borderradius|4}}}px; border-top-left-radius: {{{borderradius|4}}}px; -webkit-border-top-right-radius: {{{borderradius|4}}}px; -webkit-border-top-left-radius: {{{borderradius|4}}}px; padding: .0em 0.5em; height:{{{height|3.8}}}em; margin-bottom:10px; background-color:{{{backcolor|#DDDDDD}}}; color: black; font-size:100%;">
<table style="height:100%;width:100%;"><tr>
<td style="vertical-align:center;">{{{tab9}}}</td></tr></table></div>
|
<div style="min-width:{{{minwidth|5.0}}}em; max-width:{{{maxwidth|12}}}em; float:left; border:1.5px solid {{{bordercolor|gray}}}; -moz-border-radius-topright: {{{borderradius|4}}}px; -moz-border-radius-topleft: {{{borderradius|4}}}px; border-top-right-radius: {{{borderradius|4}}}px; border-top-left-radius: {{{borderradius|4}}}px; -webkit-border-top-right-radius: {{{borderradius|4}}}px; -webkit-border-top-left-radius: {{{borderradius|4}}}px; padding: .0em 0.5em; height:{{{height|3.8}}}em; margin-bottom:10px; background-color:{{{altbackcolor|transparent}}};">
<table style="height:100%;width:100%;"><tr>
<td style="vertical-align:center;">[[{{NAMESPACE}}:{{BASEPAGENAME}}/{{{tab9}}}{{!}}{{{tab9}}}]]
</td></tr></table></div>
}}
}}
<div style="clear:both;"></div>
</div><noinclude>

This template is supposed to be the base template for other tab templates.

==Usage==
<pre>
{{Tab Template
|backcolor=
|altbackcolor=
|bordercolor=
|borderradius=
|height=
|minwidth=       
|maxwidth=
|tab1=
|tab2=
|tab3=
|tab4=
|tab5=
|tab6=
|tab7=
|tab8=
|tab9=
}}
</pre>

All parameters, except '''tab1''', are optional.
*'''backcolor''' - background color of active tab; default #000000;
*'''altbackcolor''' - background color of inactive tabs; default transparent;
*'''bordercolor''' - border color of every tab; default gray;
*'''borderradius''' - border radius of every tab; default 4;
*'''height''' - height of tabs, in em; default 3.8em;
*'''minwidth''' - min. width of tabs, in em; default 5.0em;
*'''maxwidth''' - max. width of tabs, in em; default 12.0em;
*'''tab1''' - an arbitrary title of the first tab;
*'''tab2''' - title of the second tab; it must correspond to the part after "/" of the name of the page, to which it links
*'''tab3''', '''tab4''', '''tab5''', '''tab6''', '''tab7''', '''tab8''', '''tab9''' - like '''tab2'''

==Example==
{{Tab Template
|backcolor=DarkRed 
|altbackcolor=#FFFFFF
|bordercolor=silver
|borderradius=6
|height=2.2
|maxwidth=20
|tab1=Overview
|tab2=H20 Timeline
|tab3=4-6 Timeline
|tab4=2007 Remake Timeline
|tab5=Gallery
}}
<pre>
{{Tab Template
|backcolor=DarkRed 
|altbackcolor=#FFFFFF
|bordercolor=silver
|borderradius=6
|height=2.2
|maxwidth=20
|tab1=Overview
|tab2=H20 Timeline
|tab3=4-6 Timeline
|tab4=2007 Remake Timeline
|tab5=Gallery

}}
</pre>
The tabs will link to pages ''Character'', ''Character''/H20 Timeline, 
''Character''/4-6 Timeline, ''Character''/2007 Remake Timeline, ''Character''/Gallery
[[Category:Templates]]
</noinclude>