Template:Tabs/core/doc

From Moegirlpedia
< Template:Tabs‎ | core
Revision as of 17:10, 11 March 2022 by LiaMinina (talk | contribs) (Created page with "<poem> The idea of ​​this template comes from the Catalan Wikipedia ([https://ca.wikipedia.org/wiki/Plantilla:Metacaixa]), because the original template relies heavily on...")
(diff) ← Older revision | Latest revision (diff) | Newer revision → (diff)
Jump to: navigation, search

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

49755740 p0.jpg

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

炎夏型乌莎哈5.png

WO is CC2

炎夏型乌莎哈6.png

wo's cc3

炎夏型乌莎哈5.png