Template:Tab: Difference between revisions

From Equestripedia, the Archives of Equestria!
Content added Content deleted
No edit summary
No edit summary
 
(7 intermediate revisions by 2 users not shown)
Line 1: Line 1:
<div style="font-weight:bold; text-align:center; margin:0 0 10px 0; border-bottom:2px solid #4D4180">
<div style="font-weight:bold; text-align:center; margin:0 0 10px 0; border-bottom:2px solid #4D4180">
{{#ifeq:{{SUBPAGENAME}}|{{PAGENAME}}| <!-- main page -->
{{#ifeq:{{SUBPAGENAME}}|{{PAGENAME}}| <!-- main page -->
<div style="min-width:{{{minwidth|5.0}}}em; max-width:{{{maxwidth|12}}}em; float:left; border:2px solid #4D4180; margin-bottom:-2px; border-radius:6px 6px 0 0; -moz-border-radius:6px 6px 0 0; padding: 3px">
<div style="min-width:{{{minwidth|5.0}}}em; max-width:{{{maxwidth|12}}}em; float:left; border:2px solid #4D4180; margin-bottom:-2px; margin-right: 1px; background: #EAD5FC; border-radius:6px 6px 0 0; -moz-border-radius:6px 6px 0 0; padding: 3px">
<table style="height:100%;width:100%;"><tr>
<table style="height:100%;width:100%;"><tr>
<td style="vertical-align:center;">{{{tab 1}}}</td></tr></table></div>
<td style="vertical-align:center;">{{{tab 1}}}</td></tr></table></div>
|
|
<div style="min-width:{{{minwidth|5.0}}}em; max-width:{{{maxwidth|12}}}em; float:left; border:2px solid #4D4180; margin-bottom:-2px; border-radius:6px 6px 0 0; -moz-border-radius:6px 6px 0 0; padding: 3px">
<div style="min-width:{{{minwidth|5.0}}}em; max-width:{{{maxwidth|12}}}em; float:left; border:2px solid #4D4180; margin-bottom:-2px; margin-right: 1px; background: #EAD5FC; border-radius:6px 6px 0 0; -moz-border-radius:6px 6px 0 0; padding: 3px">
<table style="height:100%;width:100%;"><tr>
<table style="height:100%;width:100%;"><tr>
<td style="vertical-align:center;">[[{{NAMESPACE}}:{{BASEPAGENAME}}{{!}}{{{tab1}}}]]</td>
<td style="vertical-align:center;">{{{base page|[[{{NAMESPACE}}:{{BASEPAGENAME}}{{!}}{{{tab 1}}}]]}}}</td>
</tr></table></div>
</tr></table></div>
}}{{#if:{{{tab2| }}}|
}}{{#if:{{{tab 2| }}}|
{{#ifeq:{{SUBPAGENAME}}|{{{tab2}}}|
{{#ifeq:{{SUBPAGENAME}}|{{{tab 2}}}|
<div style="min-width:{{{minwidth|5.0}}}em; max-width:{{{maxwidth|12}}}em; float:left; border:2px solid #4D4180; margin-bottom:-2px; border-radius:6px 6px 0 0; -moz-border-radius:6px 6px 0 0; padding: 3px">
<div style="min-width:{{{minwidth|5.0}}}em; max-width:{{{maxwidth|12}}}em; float:left; border:2px solid #4D4180; margin-bottom:-2px; margin-right: 1px; background: #EAD5FC; border-radius:6px 6px 0 0; -moz-border-radius:6px 6px 0 0; padding: 3px">
<table style="height:100%;width:100%;"><tr>
<table style="height:100%;width:100%;"><tr>
<td style="vertical-align:center;">{{#if:{{{title2| }}}|{{{title2}}}|{{{tab2}}} }}</td></tr></table></div>
<td style="vertical-align:center;">{{#if:{{{title2| }}}|{{{title2}}}|{{{tab 2}}} }}</td></tr></table></div>
|
|
<div style="min-width:{{{minwidth|5.0}}}em; max-width:{{{maxwidth|12}}}em; float:left; border:2px solid #4D4180; margin-bottom:-2px; border-radius:6px 6px 0 0; -moz-border-radius:6px 6px 0 0; padding: 3px">
<div style="min-width:{{{minwidth|5.0}}}em; max-width:{{{maxwidth|12}}}em; float:left; border:2px solid #4D4180; margin-bottom:-2px; margin-right: 1px; background: #EAD5FC; border-radius:6px 6px 0 0; -moz-border-radius:6px 6px 0 0; padding: 3px">
<table style="height:100%;width:100%;"><tr>
<table style="height:100%;width:100%;"><tr>
<td style="vertical-align:center;">{{{tab 2}}}
<td style="vertical-align:center;">{{{tab 2}}}
Line 21: Line 21:
</tr></table></div>
</tr></table></div>
}}
}}
}}{{#if:{{{tab3| }}}|
}}{{#if:{{{tab 3| }}}|
{{#ifeq:{{SUBPAGENAME}}|{{{tab3}}}|
{{#ifeq:{{SUBPAGENAME}}|{{{tab 3}}}|
<div style="min-width:{{{minwidth|5.0}}}em; max-width:{{{maxwidth|12}}}em; float:left; border:2px solid #4D4180; margin-bottom:-2px; border-radius:6px 6px 0 0; -moz-border-radius:6px 6px 0 0; padding: 3px">
<div style="min-width:{{{minwidth|5.0}}}em; max-width:{{{maxwidth|12}}}em; float:left; border:2px solid #4D4180; margin-bottom:-2px; margin-right: 1px; background: #EAD5FC; border-radius:6px 6px 0 0; -moz-border-radius:6px 6px 0 0; padding: 3px">
<table style="height:100%;width:100%;"><tr>
<table style="height:100%;width:100%;"><tr>
<td style="vertical-align:center;">{{#if:{{{title3| }}}|{{{title3}}}|{{{tab3}}} }}</td></tr></table></div>
<td style="vertical-align:center;">{{#if:{{{title3| }}}|{{{title3}}}|{{{tab 3}}} }}</td></tr></table></div>
|
|
<div style="min-width:{{{minwidth|5.0}}}em; max-width:{{{maxwidth|12}}}em; float:left; border:2px solid #4D4180; margin-bottom:-2px; border-radius:6px 6px 0 0; -moz-border-radius:6px 6px 0 0; padding: 3px">
<div style="min-width:{{{minwidth|5.0}}}em; max-width:{{{maxwidth|12}}}em; float:left; border:2px solid #4D4180; margin-bottom:-2px; margin-right: 1px; background: #EAD5FC; border-radius:6px 6px 0 0; -moz-border-radius:6px 6px 0 0; padding: 3px">
<table style="height:100%;width:100%;"><tr>
<table style="height:100%;width:100%;"><tr>
<td style="vertical-align:center;">{{{tab 3}}}
<td style="vertical-align:center;">{{{tab 3}}}
Line 33: Line 33:
</tr></table></div>
</tr></table></div>
}}
}}
}}{{#if: {{{tab4| }}}|
}}{{#if: {{{tab 4| }}}|
{{#ifeq:{{SUBPAGENAME}}|{{{tab4}}}|
{{#ifeq:{{SUBPAGENAME}}|{{{tab 4}}}|
<div style="min-width:{{{minwidth|5.0}}}em; max-width:{{{maxwidth|12}}}em; float:left; border:2px solid #4D4180; margin-bottom:-2px; border-radius:6px 6px 0 0; -moz-border-radius:6px 6px 0 0; padding: 3px">
<div style="min-width:{{{minwidth|5.0}}}em; max-width:{{{maxwidth|12}}}em; float:left; border:2px solid #4D4180; margin-bottom:-2px; margin-right: 1px; background: #EAD5FC; border-radius:6px 6px 0 0; -moz-border-radius:6px 6px 0 0; padding: 3px">
<table style="height:100%;width:100%;"><tr>
<table style="height:100%;width:100%;"><tr>
<td style="vertical-align:center;">{{#if:{{{title4| }}}|{{{title4}}}|{{{tab4}}} }}</td></tr></table></div>
<td style="vertical-align:center;">{{#if:{{{title4| }}}|{{{title4}}}|{{{tab 4}}} }}</td></tr></table></div>
|
|
<div style="min-width:{{{minwidth|5.0}}}em; max-width:{{{maxwidth|12}}}em; float:left; border:2px solid #4D4180; margin-bottom:-2px; border-radius:6px 6px 0 0; -moz-border-radius:6px 6px 0 0; padding: 3px">
<div style="min-width:{{{minwidth|5.0}}}em; max-width:{{{maxwidth|12}}}em; float:left; border:2px solid #4D4180; margin-bottom:-2px; margin-right: 1px; background: #EAD5FC; border-radius:6px 6px 0 0; -moz-border-radius:6px 6px 0 0; padding: 3px">
<table style="height:100%;width:100%;"><tr>
<table style="height:100%;width:100%;"><tr>
<td style="vertical-align:center;">{{{tab 4}}}
<td style="vertical-align:center;">{{{tab 4}}}
Line 45: Line 45:
</tr></table></div>
</tr></table></div>
}}
}}
}}{{#if: {{{tab5| }}}|
}}{{#if: {{{tab 5| }}}|
{{#ifeq:{{SUBPAGENAME}}|{{{tab5}}}|
{{#ifeq:{{SUBPAGENAME}}|{{{tab 5}}}|
<div style="min-width:{{{minwidth|5.0}}}em; max-width:{{{maxwidth|12}}}em; float:left; border:2px solid #4D4180; margin-bottom:-2px; border-radius:6px 6px 0 0; -moz-border-radius:6px 6px 0 0; padding: 3px">
<div style="min-width:{{{minwidth|5.0}}}em; max-width:{{{maxwidth|12}}}em; float:left; border:2px solid #4D4180; margin-bottom:-2px; margin-right: 1px; background: #EAD5FC; border-radius:6px 6px 0 0; -moz-border-radius:6px 6px 0 0; padding: 3px">
<table style="height:100%;width:100%;"><tr>
<table style="height:100%;width:100%;"><tr>
<td style="vertical-align:center;">{{#if:{{{title5| }}}|{{{title5}}}|{{{tab5}}} }}</td></tr></table></div>
<td style="vertical-align:center;">{{#if:{{{title5| }}}|{{{title5}}}|{{{tab 5}}} }}</td></tr></table></div>
|
|
<div style="min-width:{{{minwidth|5.0}}}em; max-width:{{{maxwidth|12}}}em; float:left; border:2px solid #4D4180; margin-bottom:-2px; border-radius:6px 6px 0 0; -moz-border-radius:6px 6px 0 0; padding: 3px">
<div style="min-width:{{{minwidth|5.0}}}em; max-width:{{{maxwidth|12}}}em; float:left; border:2px solid #4D4180; margin-bottom:-2px; margin-right: 1px; background: #EAD5FC; border-radius:6px 6px 0 0; -moz-border-radius:6px 6px 0 0; padding: 3px">
<table style="height:100%;width:100%;"><tr>
<table style="height:100%;width:100%;"><tr>
<td style="vertical-align:center;">{{{tab 5}}}
<td style="vertical-align:center;">{{{tab 5}}}
</td></tr></table></div>
</td></tr></table></div>
}}
}}
}}{{#if: {{{tab6| }}}|
}}{{#if: {{{tab 6| }}}|
{{#ifeq:{{SUBPAGENAME}}|{{{tab6}}}|
{{#ifeq:{{SUBPAGENAME}}|{{{tab 6}}}|
<div style="min-width:{{{minwidth|5.0}}}em; max-width:{{{maxwidth|12}}}em; float:left; border:2px solid #4D4180; margin-bottom:-2px; border-radius:6px 6px 0 0; -moz-border-radius:6px 6px 0 0; padding: 3px">
<div style="min-width:{{{minwidth|5.0}}}em; max-width:{{{maxwidth|12}}}em; float:left; border:2px solid #4D4180; margin-bottom:-2px; margin-right: 1px; background: #EAD5FC; border-radius:6px 6px 0 0; -moz-border-radius:6px 6px 0 0; padding: 3px">
<table style="height:100%;width:100%;"><tr>
<table style="height:100%;width:100%;"><tr>
<td style="vertical-align:center;">{{#if:{{{title6| }}}|{{{title6}}}|{{{tab6}}} }}</td></tr></table></div>
<td style="vertical-align:center;">{{#if:{{{title6| }}}|{{{title6}}}|{{{tab 6}}} }}</td></tr></table></div>
|
|
<div style="min-width:{{{minwidth|5.0}}}em; max-width:{{{maxwidth|12}}}em; float:left; border:2px solid #4D4180; margin-bottom:-2px; border-radius:6px 6px 0 0; -moz-border-radius:6px 6px 0 0; padding: 3px">
<div style="min-width:{{{minwidth|5.0}}}em; max-width:{{{maxwidth|12}}}em; float:left; border:2px solid #4D4180; margin-bottom:-2px; margin-right: 1px; background: #EAD5FC; border-radius:6px 6px 0 0; -moz-border-radius:6px 6px 0 0; padding: 3px">
<table style="height:100%;width:100%;"><tr>
<table style="height:100%;width:100%;"><tr>
<td style="vertical-align:center;">{{{tab 6}}}
<td style="vertical-align:center;">{{{tab 6}}}
</td></tr></table></div>
</td></tr></table></div>
}}
}}
}}{{#if: {{{tab7| }}}|
}}{{#if: {{{tab 7| }}}|
{{#ifeq:{{SUBPAGENAME}}|{{{tab7}}}|
{{#ifeq:{{SUBPAGENAME}}|{{{tab 7}}}|
<div style="min-width:{{{minwidth|5.0}}}em; max-width:{{{maxwidth|12}}}em; float:left; border:2px solid #4D4180; margin-bottom:-2px; border-radius:6px 6px 0 0; -moz-border-radius:6px 6px 0 0; padding: 5px">
<div style="min-width:{{{minwidth|5.0}}}em; max-width:{{{maxwidth|12}}}em; float:left; border:2px solid #4D4180; margin-bottom:-2px; margin-right: 1px; background: #EAD5FC; border-radius:6px 6px 0 0; -moz-border-radius:6px 6px 0 0; padding: 5px">
<table style="height:100%;width:100%;"><tr>
<table style="height:100%;width:100%;"><tr>
<td style="vertical-align:center;">{{#if:{{{title7| }}}|{{{title7}}}|{{{tab7}}} }}</td></tr></table></div>
<td style="vertical-align:center;">{{#if:{{{title7| }}}|{{{title7}}}|{{{tab 7}}} }}</td></tr></table></div>
|
|
<div style="min-width:{{{minwidth|5.0}}}em; max-width:{{{maxwidth|12}}}em; float:left; border:2px solid #4D4180; margin-bottom:-2px; border-radius:6px 6px 0 0; -moz-border-radius:6px 6px 0 0; padding: 3px">
<div style="min-width:{{{minwidth|5.0}}}em; max-width:{{{maxwidth|12}}}em; float:left; border:2px solid #4D4180; margin-bottom:-2px; margin-right: 1px; background: #EAD5FC; border-radius:6px 6px 0 0; -moz-border-radius:6px 6px 0 0; padding: 3px">
<table style="height:100%;width:100%;"><tr>
<table style="height:100%;width:100%;"><tr>
<td style="vertical-align:center;">{{{tab 7}}}
<td style="vertical-align:center;">{{{tab 7}}}
</td></tr></table></div>
</td></tr></table></div>
}}
}}
}}{{#if: {{{tab8| }}}|
}}{{#if: {{{tab 8| }}}|
{{#ifeq:{{SUBPAGENAME}}|{{{tab8}}}|
{{#ifeq:{{SUBPAGENAME}}|{{{tab 8}}}|
<div style="min-width:{{{minwidth|5.0}}}em; max-width:{{{maxwidth|12}}}em; float:left; border:2px solid #4D4180; margin-bottom:-2px; border-radius:6px 6px 0 0; -moz-border-radius:6px 6px 0 0; padding: 3px">
<div style="min-width:{{{minwidth|5.0}}}em; max-width:{{{maxwidth|12}}}em; float:left; border:2px solid #4D4180; margin-bottom:-2px; margin-right: 1px; background: #EAD5FC; border-radius:6px 6px 0 0; -moz-border-radius:6px 6px 0 0; padding: 3px">
<table style="height:100%;width:100%;"><tr>
<table style="height:100%;width:100%;"><tr>
<td style="vertical-align:center;">{{#if:{{{title8| }}}|{{{title8}}}|{{{tab8}}} }}</td></tr></table></div>
<td style="vertical-align:center;">{{#if:{{{title8| }}}|{{{title8}}}|{{{tab 8}}} }}</td></tr></table></div>
|
|
<div style="min-width:{{{minwidth|5.0}}}em; max-width:{{{maxwidth|12}}}em; float:left; border:2px solid #4D4180; margin-bottom:-2px; border-radius:6px 6px 0 0; -moz-border-radius:6px 6px 0 0; padding: 3px">
<div style="min-width:{{{minwidth|5.0}}}em; max-width:{{{maxwidth|12}}}em; float:left; border:2px solid #4D4180; margin-bottom:-2px; margin-right: 1px; background: #EAD5FC; border-radius:6px 6px 0 0; -moz-border-radius:6px 6px 0 0; padding: 3px">
<table style="height:100%;width:100%;"><tr>
<table style="height:100%;width:100%;"><tr>
<td style="vertical-align:center;">{{{tab 8}}}
<td style="vertical-align:center;">{{{tab 8}}}
</td></tr></table></div>
</td></tr></table></div>
}}
}}
}}{{#if: {{{tab9| }}}|
}}{{#if: {{{tab 9| }}}|
{{#ifeq:{{SUBPAGENAME}}|{{{tab9}}}|
{{#ifeq:{{SUBPAGENAME}}|{{{tab 9}}}|
<div style="min-width:{{{minwidth|5.0}}}em; max-width:{{{maxwidth|12}}}em; float:left; border:2px solid #4D4180; margin-bottom:-2px; border-radius:6px 6px 0 0; -moz-border-radius:6px 6px 0 0; padding: 3px">
<div style="min-width:{{{minwidth|5.0}}}em; max-width:{{{maxwidth|12}}}em; float:left; border:2px solid #4D4180; margin-bottom:-2px; margin-right: 1px; background: #EAD5FC; border-radius:6px 6px 0 0; -moz-border-radius:6px 6px 0 0; padding: 3px">
<table style="height:100%;width:100%;"><tr>
<table style="height:100%;width:100%;"><tr>
<td style="vertical-align:center;">{{#if:{{{title9| }}}|{{{title9}}}|{{{tab9}}} }}</td></tr></table></div>
<td style="vertical-align:center;">{{#if:{{{title9| }}}|{{{title9}}}|{{{tab 9}}} }}</td></tr></table></div>
|
|
<div style="min-width:{{{minwidth|5.0}}}em; max-width:{{{maxwidth|12}}}em; float:left; border:2px solid #4D4180; margin-bottom:-2px; border-radius:6px 6px 0 0; -moz-border-radius:6px 6px 0 0; padding: 3px">
<div style="min-width:{{{minwidth|5.0}}}em; max-width:{{{maxwidth|12}}}em; float:left; border:2px solid #4D4180; margin-bottom:-2px; margin-right: 1px; background: #EAD5FC; border-radius:6px 6px 0 0; -moz-border-radius:6px 6px 0 0; padding: 3px">
<table style="height:100%;width:100%;"><tr>
<table style="height:100%;width:100%;"><tr>
<td style="vertical-align:center;">{{{tab 9}}}
<td style="vertical-align:center;">{{{tab 9}}}

Latest revision as of 15:04, 25 February 2020

{{{tab 1}}}

Description

This template can be used as it is to display tabs in the subpages of an article, but it's recommended to create another template to easily modify it if necessary.

Syntax
{{Tab|tab1=Main page|tab2=Gallery}}
Parameters

All parameters, except tab1, are optional.
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
title2 - the title you want to display in the tab. title3, title4, title5, title6, title7, title8, title9 - like title2