Cocopuff2018: 1 revision imported: r

2026-02-24T19:22:50Z

1 revision imported: r

← Older revision	Revision as of 15:22, 24 February 2026
(No difference)

r>Takashichea: Created page with "
{{#ifeq:{{SUBPAGENAME}}|{{PAGENAME}}|

2014-06-20T02:21:00Z

Created page with "<div style="font-weight:bold; text-align:center; margin-bottom:0px;"> {{#ifeq:{{SUBPAGENAME}}|{{PAGENAME}}|  <div style="min-width:{{{minwidth|5.0}}}em; max-..."

New page
<div style="font-weight:bold; text-align:center; margin-bottom:0px;">
{{#ifeq:{{SUBPAGENAME}}|{{PAGENAME}}| 
<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>

Template:Tab Template - Revision history

Cocopuff2018: 1 revision imported: r