Template:Tabber: Difference between revisions
mNo edit summary Tag: Reverted |
mNo edit summary Tag: Reverted |
||
Line 30: | Line 30: | ||
If the infobox contains images of various widths, then set the tabber equal to the width of the widest image: | If the infobox contains images of various widths, then set the tabber equal to the width of the widest image: | ||
<pre>{{tabber|width=250px|title1=Tab 1|content1=[[File:Image (250px wide).png]]|title2=Tab 2|content2=[[File:Image | <pre>{{tabber|width=250px|title1=Tab 1|content1=[[File:Image (250px wide).png]]|title2=Tab 2|content2=[[File:Image (200px wide).png]]}}</pre> | ||
[[Category:Formatting templates]]</noinclude> | [[Category:Formatting templates]]</noinclude> |
Revision as of 09:37, May 13, 2024
Used for inserting a tab box containing any number of content tabs.
About
Use cases
This system is currently approved for use with infobox images for the following templates:
- {{minigame infobox}} (proposal)
- {{race course infobox}} (proposal)
In articles, it should not be used for anything other than infobox images for pre-approved cases.
Rule of thumb
Tabber should be limited to infobox images which would be stacked vertically if we didn't have tabber. In other words:
- Don't add additional images to the infobox just because tabber exists
- If the images can fit side-by-side, then they should not be tabbified
For users without JavaScript, all tabbed imaged will be stacked vertically, so their number of stacked images should remain unchanged.
Usage
Optional parameters (not needed in most cases): align
(left/right/center), width
, height
.
Infoboxes
If the infobox images are being downscaled, then set them all to the same width:
{{tabber|title1=Tab 1|content1=[[File:Image 1.png|250px]]|title2=Tab 2|content2=[[File:Image 2.png|250px]]}}
If the infobox contains images of various widths, then set the tabber equal to the width of the widest image:
{{tabber|width=250px|title1=Tab 1|content1=[[File:Image (250px wide).png]]|title2=Tab 2|content2=[[File:Image (200px wide).png]]}}