Difference between revisions of "Template:Tab"

Latest revision as of 13:52, 27 February 2022

Tab#1: the Tabs Template
This tab is inactive

Tab#2 the Tab Template
It is the active tab

This template is used by the Tabs template which assembles a set of tabs such as the ones on this same page. It seems useless to use it outside this context.

Parameters List

Parameter	Effect	Effect range
align_tab	tab name text alignment	common style parameters
blend	?
bg_frame	global frame background (i.e. page)
bord	Tab border line syle
round	Tab upper corners radius
bg_Tabs	Tab background	Tab specific
Pic	Tab icon
preums	?
Tab	Tab name
URL	Tab url

Tabs code of this page

 {{Tabs
|bord=2px solid #{{ColorAtys|type=dark|group=tryker}}
|bg_frame=#{{ColorAtys|type=bg|group=fyros}}         <——— note the colour change to be compatble with the tabs choices 
|round=5em
|align_tab=center
<!--  -->
|Tab-1={{3DText|text='''Tab#1: the Tabs Template'''<br />This tab is ''inactive''}}          <———passed from "Tabs" template to "Tab" 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''<br />It is the ''active'' tab'''}}          <———passed from "Tabs" template to "Tab" template
|URL-2=Template:Tab
|bg_Tab-2=#{{ColorAtys|type=light|group=fyros}}
|Pic-2=UnderConstruction.png
}}

@@ Line 1: / Line 1: @@
-<includeonly>{{#if:{{{preums|}}}||<td class="Tab" style="width: .2%; border-bottom: {{#if:{{{bord|}}}|{{{bord}}}|solid 2px #A3B1BF}}">&nbsp;</td>}}<td class="Tab {{#switch:{{{blend}}}|yes=blend|#default=}}" style="text-align: {{#if:{{{align_tab|}}}|{{{align_tab}}}|center}}; {{#if:{{{round|}}}|-moz-border-radius: {{{round}}} {{{round}}} 0 0; -webkit-border-radius: {{{round}}} {{{round}}} 0 0; border-radius: {{{round}}} {{{round}}} 0 0;}} padding:0.3em; border: {{#if:{{{bord|}}}|{{{bord}}}|solid 2px #A3B1BF}}; font-size: 110%; {{#ifeq:{{FULLPAGENAME}}|{{{URL}}}|background-color: {{#if:{{{bg_frame|}}}|{{{bg_frame}}}|transparent}}; border-bottom: none; font-weight:bold; |background-color: {{#if:{{{bg_Tabs|}}}|{{{bg_Tabs}}}|#CEE0F2}}; }}" width="{{#expr:(100/{{Nb_parm_def|{{{1}}}|{{{2}}}|{{{3}}}|{{{4}}}|{{{5}}}|{{{6}}}|{{{7}}}|{{{8}}}|{{{9}}}|{{{10}}}}})-2}}%">{{#if:{{{Pic|}}}|[[File:{{{Pic}}}|20px|{{{Tab}}}|link={{{URL}}}]]&nbsp;|}}{{#ifeq:{{{URLType|}}}|http|<span class="plainlinks noarchive">[{{{URL}}} {{{Tab}}}]</span>|[[{{{URL}}}|{{{Tab}}}]]}}</td></includeonly>
+<includeonly>{{#if:{{{preums|}}}||<td class="Tab" style="width: .2%; border-bottom: {{#if:{{{bord|}}}|{{{bord}}}|solid 2px #{{ColorAtys|type=fg|group=Amber}} }}">&nbsp;</td>}}<td class="Tab {{#switch:{{{blend}}}|yes=blend|#default=}}" style="text-overflow: ellipsis;text-align: {{#if:{{{align_tab|}}}|{{{align_tab}}}|center}}; {{#if:{{{round|}}}|-moz-border-radius: {{{round}}} {{{round}}} 0 0; -webkit-border-radius: {{{round}}} {{{round}}} 0 0; border-radius: {{{round}}} {{{round}}} 0 0;}} padding:0.03em; border: {{#if:{{{bord|}}}|{{{bord}}}|solid 2px #{{ColorAtys|type=fg|group=Amber}} }}; font-size: 110%; {{#ifeq:{{FULLPAGENAME}}|{{{URL}}}|background-color: {{#if:{{{bg_frame|}}}|{{{bg_frame}}}|transparent}}; border-bottom: none; font-weight:bold; |background-color: {{#if:{{{bg_Tabs|}}}|{{{bg_Tabs}}}|#{{ColorAtys|type=bg|group=Amber}} }}; }}" width="{{#expr:(100/{{Nb_parm_def|{{{1}}}|{{{2}}}|{{{3}}}|{{{4}}}|{{{5}}}|{{{6}}}|{{{7}}}|{{{8}}}|{{{9}}}|{{{10}}}}})-2}}%">{{#if:{{{Pic|}}}|[[File:{{{Pic}}}|20px|{{{Tab}}}|link={{{URL}}}]]&nbsp;|}}{{#ifeq:{{{URLType|}}}|http|<span class="plainlinks noarchive">[{{{URL}}} {{{Tab}}}]</span>|[[{{{URL}}}|{{{Tab}}}]]}}</td></includeonly>
 <noinclude><!-- _______________________ Docs_______________________ -->{{Tabs
 |bord=2px solid #{{ColorAtys|type=dark|group=tryker}}

From EncyclopAtys

Latest revision as of 13:52, 27 February 2022

Parameters List

Tabs code of this page