Difference between revisions of "Template:Tabs"

Revision as of 18:16, 6 November 2020

Tab#1: the Tabs Template

Tab#2 the Tab Template

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 10 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.

@@ Line 81: / Line 81: @@
 | <code><nowiki><!--  --></nowiki></code> || separator || to make the code easier to read
 |-
-| <code><nowiki>|Tab-1={{3DText|text='''Tab#1 the Tabs Template'''}}</nowiki></code> || Tab name ||  rowspan="4"|This single tab<br /><small>Note that the parameters are numbered. You can have up to 9 tabs as this one.</small>
+| <code><nowiki>|Tab-1={{3DText|text='''Tab#1 the Tabs Template'''}}</nowiki></code> || Tab name ||  rowspan="4"|This single tab<br /><small>Note that the parameters are numbered. You can have up to 10 tabs as this one.</small>
 |-
 | <code><nowiki>|URL-1=Template:Tabs</nowiki></code> || The url of the page in which the tab is "active".<br /> "Inactive tabs are separated from the page body by an horizontal line.

From EncyclopAtys

Revision as of 18:16, 6 November 2020

Tabs code