Template:Tabs

From EncyclopAtys

Revision as of 17:50, 6 November 2020 by Dorothée (talk | contribs)
Jump to: navigation, search
Tab#1: the Tabs Template Tab#1: the Tabs Template Tab#2 the Tab Template Tab#2 the Tab Template
de:Vorlage:Tabs
en:Template:Tabs
es:Plantilla:Tabs
fr:Modèle:Début des onglets
ru:Шаблон:Tabs
 
UnderConstruction.png
Translation to review
Don't blame the contributors, but come and help them 😎

Reference text ( Maintained text, used as reference ) :
Notes: (Dorothée, 2020-11-06)



This template is designed to assemble a set of tabs such as the ones on this same page. Lets explain how it works on this example. It uses the Tab (sub-)template.

Tabs code

 {{Tabs
|bord=2px solid #{{ColorAtys|type=dark|group=tryker}}
|bg_frame=#{{ColorAtys|type=bg|group=tryker}}
|round=5em
|align_tab=center
<!--  -->
|Tab-1={{3DText|text='''Tab#1 the Tabs Template'''}} 
|URL-1=Template:Tabs 
|bg_Tab-1=#{{ColorAtys|type=light|group=tryker}}
|Pic-1=dummy.png 
<!--  -->
|Tab-2={{3DText|text='''''Tab#2 the Tab Template'''''}}
|URL-2=Template:Tab
|bg_Tab-2=#{{ColorAtys|type=light|group=fyros}}
|Pic-2=UnderConstruction.png
}}
Code explained
Code Effect Range
{{Tabs - Start of template call
|bord=2px solid #{{ColorAtys|type=dark|group=tryker}} defines border line type, thickness and colour the whole framed page
|bg_frame=#{{ColorAtys|type=bg|group=tryker}} defines page background colour : here bg (background) tryker blue as defined in ColorAtys template.
|round=5em Radius of rounded corners
Note that only tab corners are rounded.
|align_tab=center text alignment of tab names
<!-- --> separator to make the code easier to read
|Tab-1={{3DText|text='''Tab#1 the Tabs Template'''}} Tab name This single tab
Note that the parameters are numbered. You can have up to 9 tabs as this one.
|URL-1=Template:Tabs The url of the page in which the tab is "active".
"Inactive tabs are separated from the page body by an horizontal line.
|bg_Tab-1=#{{ColorAtys|type=light|group=tryker}} Tab background colour: here light tryker blue
|Pic-1=dummy.png An icon to be displayed left of the tab title.
<!-- --> separator to make the code easier to read
|Tab-2={{3DText|text='''''Tab#2 the Tab Template'''''}} Second tab title. This single tab
|URL-2=Template:Tab This page is not the actual page, the tab is "inactive"
"Inactive" tabs are separated from the page body by an horizontal line.
|bg_Tab-2=#{{ColorAtys|type=light|group=fyros}} Tab background colour: here light fyros orange
|Pic-2=UnderConstruction.png Tab 2 icon
}} - End of Template.