Template:Tab: Difference between revisions
From Equestripedia, the Archives of Equestria!
Content added Content deleted
No edit summary |
No edit summary |
||
| (4 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;">{{{base page|[[{{NAMESPACE}}:{{BASEPAGENAME}}{{!}}{{{tab 1}}}]]}}}</td> |
<td style="vertical-align:center;">{{{base page|[[{{NAMESPACE}}:{{BASEPAGENAME}}{{!}}{{{tab 1}}}]]}}}</td> |
||
| Line 11: | Line 11: | ||
}}{{#if:{{{tab 2| }}}| |
}}{{#if:{{{tab 2| }}}| |
||
{{#ifeq:{{SUBPAGENAME}}|{{{tab 2}}}| |
{{#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}}}|{{{tab 2}}} }}</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 23: | Line 23: | ||
}}{{#if:{{{tab 3| }}}| |
}}{{#if:{{{tab 3| }}}| |
||
{{#ifeq:{{SUBPAGENAME}}|{{{tab 3}}}| |
{{#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}}}|{{{tab 3}}} }}</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 35: | Line 35: | ||
}}{{#if: {{{tab 4| }}}| |
}}{{#if: {{{tab 4| }}}| |
||
{{#ifeq:{{SUBPAGENAME}}|{{{tab 4}}}| |
{{#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}}}|{{{tab 4}}} }}</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 47: | Line 47: | ||
}}{{#if: {{{tab 5| }}}| |
}}{{#if: {{{tab 5| }}}| |
||
{{#ifeq:{{SUBPAGENAME}}|{{{tab 5}}}| |
{{#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}}}|{{{tab 5}}} }}</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}}} |
||
| Line 58: | Line 58: | ||
}}{{#if: {{{tab 6| }}}| |
}}{{#if: {{{tab 6| }}}| |
||
{{#ifeq:{{SUBPAGENAME}}|{{{tab 6}}}| |
{{#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}}}|{{{tab 6}}} }}</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}}} |
||
| Line 69: | Line 69: | ||
}}{{#if: {{{tab 7| }}}| |
}}{{#if: {{{tab 7| }}}| |
||
{{#ifeq:{{SUBPAGENAME}}|{{{tab 7}}}| |
{{#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}}}|{{{tab 7}}} }}</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}}} |
||
| Line 80: | Line 80: | ||
}}{{#if: {{{tab 8| }}}| |
}}{{#if: {{{tab 8| }}}| |
||
{{#ifeq:{{SUBPAGENAME}}|{{{tab 8}}}| |
{{#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}}}|{{{tab 8}}} }}</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}}} |
||
| Line 91: | Line 91: | ||
}}{{#if: {{{tab 9| }}}| |
}}{{#if: {{{tab 9| }}}| |
||
{{#ifeq:{{SUBPAGENAME}}|{{{tab 9}}}| |
{{#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}}}|{{{tab 9}}} }}</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
