Template:Tabber: Difference between revisions

From SmashWiki, the Super Smash Bros. wiki
Jump to navigationJump to search
No edit summary
No edit summary
Line 78: Line 78:
Used for inserting a tab box containing up to 25 content tabs.
Used for inserting a tab box containing up to 25 content tabs.


When used in an infobox, it's recommended to set all images to the same width to keep the tab box a constant width when switching between tabs:
When used in an infobox, it's generally recommended to set all images to the same width to keep the tab box a constant width when switching between tabs:


<pre>{{tabber|title1=Tab 1|tab1=[[File:Image 1.png|250px]]|title2=Tab 2|tab2=[[File:Image 2.png|250px]]}}</pre>
<pre>{{tabber|title1=Tab 1|tab1=[[File:Image 1.png|250px]]|title2=Tab 2|tab2=[[File:Image 2.png|250px]]}}</pre>


If some of the images are narrower than the rest, it's possible to set the overall tab box width so its size doesn't change when switching between tabs. Set the overall tab box width 15px higher than the width of the widest image:
If some of the images are narrower than the rest, it's possible to set the overall tab box width so its size doesn't change:


<pre>{{tabber|width=265px|title1=Tab 1|tab1=[[File:Image 1.png|250px]]|title2=Tab 2|tab2=[[File:Image 2.png|175px]]}}</pre>
<pre>{{tabber|width=265px|title1=Tab 1|tab1=[[File:Image 1.png|250px]]|title2=Tab 2|tab2=[[File:Image 2.png|175px]]}}</pre>
Set the overall tab box width 15px higher than the width of the widest image.


[[Category:Templates]]</noinclude>
[[Category:Templates]]</noinclude>

Revision as of 00:06, March 12, 2019

Used for inserting a tab box containing up to 25 content tabs.

When used in an infobox, it's generally recommended to set all images to the same width to keep the tab box a constant width when switching between tabs:

{{tabber|title1=Tab 1|tab1=[[File:Image 1.png|250px]]|title2=Tab 2|tab2=[[File:Image 2.png|250px]]}}

If some of the images are narrower than the rest, it's possible to set the overall tab box width so its size doesn't change:

{{tabber|width=265px|title1=Tab 1|tab1=[[File:Image 1.png|250px]]|title2=Tab 2|tab2=[[File:Image 2.png|175px]]}}

Set the overall tab box width 15px higher than the width of the widest image.