Template talk:Tab
test 3
editMain page |
Main page |
new test
edit- td
td style test |
- span
span style test
test
edit{{template:tab |link=test |tab=test | rounding = 5em }}
{{template:tab |link=test |tab=test | rounding = 5em }}
coding
edittest |
From village pump:
I don't understand how rounded tabs works on wikipedia.
How do I replicate rounded tabs on a non-wikipedia wiki?
- Start tab's rounded tabs
In Template:Start tab there is this line, repeated over and over:
|rounding={{{rounding|}}}
this "Add rounding effect to edges of tab boxes."
So if you enter this :
{{ start tab | tab-1 = Current page | link-1 = Template:Start tab | rounding = 5em }}
It creates a rounded tab:
Current page | tab 2 |
- template tab's coding
Template:Start tab users Template:Tab the coding for Template:Tab is:
{{#if:{{{preums|}}}||<td style="width: {{#if:{{{tab spacing percent|}}}|{{{tab spacing percent}}}|2}}%; border-bottom: {{#if:{{{border|}}}|{{{border}}}|solid 1px #a3b1bf}}"> {{#if:{{{tab spacing percent|}}}|| }}</td>}}<td style="text-align: {{#if:{{{tab alignment|}}}|{{{tab alignment}}}|center}}; {{#if:{{{rounding|}}}|{{border-radius|{{{rounding}}} {{{rounding}}} 0 0}}}} padding:0.3em; border: {{#if:{{{border|}}}|{{{border}}}|solid 1px #a3b1bf}}; font-size: {{#if:{{{font-size|}}}|{{{font-size}}}|110%}}; {{#switch:{{FULLPAGENAME}}|{{{link}}}|{{{link2}}}|{{{link3}}}=background-color: {{#if:{{{on tab color|}}}|{{{on tab color}}}|transparent}}; border-bottom: none; font-weight:bold; |#default=background-color: {{#if:{{{off tab color|}}}|{{{off tab color}}}|#CEE0F2}}; }} {{#ifeq:{{lc:{{{nowrap|}}}}}|yes|white-space: nowrap;}}" width=" {{#expr:(100/{{Number of defined parameters|{{{1}}}|{{{2}}}|{{{3}}}|{{{4}}}|{{{5}}}|{{{6}}}|{{{7}}}|{{{8}}}|{{{9}}}|{{{10}}}|{{{11}}}| {{{12}}}|{{{13}}}|{{{14}}}|{{{15}}}|{{{16}}}|{{{17}}}|{{{18}}}|{{{19}}}|{{{20}}}}})- {{#if:{{{tab spacing percent|}}}|{{{tab spacing percent}}}|2}}}}%"> {{#if:{{{image|}}}|[[file:{{{image}}}|20px|{{{tab}}}|link={{{link|}}}]] }} {{#ifeq:{{lc:{{{freeform|}}}}}|yes|{{{tab}}}|[[{{{link}}}|{{{tab}}}]]}}</td>
Why does | rounding = 5em work on wikipedia, but when this coding is copied and pasted to another wiki it does not work?
Is it something added to Mediawiki:Common.css or Mediawiki:Vector.css? I am confused.
Thank you! rebel (talk) 05:30, 19 September 2013 (UTC)
- 108.28.6.134 (talk · contribs · WHOIS), the rounding is simply a .css style template that is called from this template. You will need to create/copy {{border-radius}} to your other wiki as well. Technical 13 (talk) 12:02, 19 September 2013 (UTC)
Border Bottom
editThere is a problem with border-bottom:none on mobile view. Rather than border-bottom:none, set the border-bottom-color. See Wikiversity:Template:Tab for correction. -- Dave Braunschweig (talk) 20:01, 9 January 2016 (UTC)
- Dave Braunschweig, it looks like the default on tab colour is transparent? can you provide an example page where this is a problem? thank you. Frietjes (talk) 16:43, 11 January 2016 (UTC)
- It's a problem on any page that uses {{start tab}} with a colored frame background and viewed in Mobile View. See Wikipedia:Peer review and switch to Mobile View for one example. It's more obvious on a darker background, but that's the first example I found here. -- Dave Braunschweig (talk) 00:02, 12 January 2016 (UTC)