Template:Tabs/core

Template Documentation  

This document is transcluded from Template:Tabs/core/doc.

The idea of ​​this template comes from the Catalan Wikipedia ([1]), because the original template relies heavily on js, and it has poor performance on mobile terminals and noscript degradation Jia, has been rewritten along the lines of progressive performance.
This template does not use the theme by default. If you want the default black theme, you can use Template:tabs.
The template effect is displayed in pagination and uses Extension:Loops.
The mobile version supports tabbed display, iOS App supports it, and Android App only supports degraded display. Too many items and the label overflows.
Some information templates have additional locations for adding tabs. For information about additional information templates, see: Special:linking page , for its specific scheduling method, please check the corresponding documentation.
Please also note that the display of the template in the preview state may be wrong (including the preview through the preview button of wikiplus and the "Preview" tab of the editing page). If you want to preview the actual display effect of the template, please pass the editing page Show Preview (to the left of Save changes) button to preview.
There will be an error when using the wiki table directly in this template. The reason for the error is that the symbol with | in the wiki table is incorrectly recognized. Please use the replacement template in the table below to replace it.

Parameter list

Parameter name	Introduction
Theme	Built-in theme styles: green (green), red (red), blue (blue), yellow (yellow), purple (purple), orange (orange), black(black);
style	Additional CSS styles applied to the outer layer;
DefaultTab	Specify the number of tabs displayed when the page loads, the default value is 1;
LabelPadding	Specify the padding of the label, the default value is 2px;
LabelBorderColor	Specify the side border color of the selected label, the default value is #aaa;
LabelBackgroundColor	Specify the background color of the selected label, the default value is the background color of the page body;
LabelColor	Specify the top border color of the selected label, the default value is green;
TextBorderColor	Specify the border color of the displayed text, the default value is #aaa;
TextBackgroundColor	Specifies the background color of the displayed text, the default value is white;
TextPadding	Specifies the padding of the displayed text, the default value is 20px 30px;
AutoWidth	Make tabs no longer occupy the entire line, If you want to enable it, you must pass in the value of [yes], the default value is no;
Float	Make tabs float left or right while not occupying the entire line, If you want to enable it, you must pass in [left] (floating left) or [right] (floating right) value, the default value is no;
LabelSide	Specify the label position and the label top border position (the side border position is the two sides of the top border), the optional values ​​are top (default value), bottom, left , right;
LabelColorSideReverse	Specifies whether to set the label top border position in reverse (for example, when the label position is on the left left, the label top border is on the right, and the original position will also be regarded as a side border), the value is 1, on, yes, true enabled;
DividerSize	Specify the interval between label and text, only positive numbers are accepted, the unit is , the default value is 0 (LabelColorSideReverse is not true), < code>2 (LabelColorSideReverse is true).
label[serial number]	Annotation for the [serial number] tag. Please use consecutive numbers starting from 1.
text[serial number]	Contents of the [sequence number] tag. Please use consecutive numbers starting from 1.

An example

{{tabs/core
|label1=Label 1
|text1=Text1
|label2=Label 2
|text2=[[File:49755740_p0.jpg]]
|label3=Label 3
|text3={{Eustia}}
|DefaultTab=2
|LabelPadding=1em
|LabelBorderColor=black
|LabelColor=blue
|TextPadding=1.5em
|TextBorderColor=black
|AutoWidth=yes}}

Label 1

Text1

Label 2

Label 3

Another example

{{tabs/core
|label1=I am CC1
|text1=[[File:炎夏型乌莎哈5.png]]
|label2=WO is CC2
|text2=[[File:炎夏型乌莎哈6.png]]
|label3=wo's cc3
|text3=[[File:炎夏型乌莎哈5.png]]
|LabelSide=left
|LabelColorSideReverse=true
|LabelBorderColor=#3366DD
|LabelColor=#3366DD
|LabelBackgroundColor=#3366DD
|LabelPadding=0.5em
|TextBorderColor=transparent
|TextPadding=0
|AutoWidth=yes}}

I am CC1

WO is CC2

wo's cc3