Template:Tabber: Difference between revisions

From SmashWiki, the Super Smash Bros. wiki
Jump to navigationJump to search
No edit summary
No edit summary
Line 76: Line 76:
</div>}}
</div>}}
</div></includeonly><noinclude>
</div></includeonly><noinclude>
Used for inserting a tab box containing up to 25 content tabs. Format:
Used for inserting a tab box containing up to 25 content tabs.


<pre>{{tabber
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:
|title1=Tab name 1
|tab1=Tab content 1
|title2=Tab name 2
|tab2=Tab content 2
|title3=Tab name 3
|tab3=Tab content 3}}</pre>


Optional <code>width</code> and <code>height</code> parameters can be set to define the dimensions of the tab box, and an optional <code>float</code> parameter can be set to <code>left</code> or <code>right</code> to have the tab box float next to the page content.
<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:
 
<pre>{{tabber|width=265px|title1=Tab 1|tab1=[[File:Image 1.png|250px]]|title2=Tab 2|tab2=[[File:Image 2.png|175px]]}}</pre>


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

Revision as of 23:53, March 11, 2019

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:

{{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 when switching between tabs. Set the overall tab box width 15px higher than the width of the widest image:

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