Infoboxes are tables that are made to look like Wikipedia's Infoboxes (seen below)
- wikibox.png
Wikipedia's Infobox
- infobox.png
RGDWiki's Infobox
Infobox Code
This is the infobox code, which, as you can see, is just a oddly formatted table.
{| class="wikitable" style="float:right;
!Infobox
[[File:example.png|Example Image]]
|-
| '''Data 0:''' TEXT
'''Data 1:''' TEXT
'''Data 2:''' TEXT
'''Data 3:''' TEXT
'''Data 4:''' TEXT
'''Data 5:''' TEXT
[https://www.example.com Example Link]
|}
Infobox Example
| Wii Backup Disc
|
|---|
| Disc Internal Name: Unknown
Disc TID: 410(E01) for v1.31 Disc IOS: 16 Disc Release Date: Unknown Disc Build Date: Unknown Disc Apploader: Unknown |
This is an actual Infobox used on the RGDWiki. It is used here.
{| class="wikitable" style="float:right;
!Wii Backup Disc
[[File:Backup disc.png|The alleged Wii Backup Disc.]]
|-
| '''Disc Internal Name:''' Unknown
'''Disc TID:''' 410(E01) for v1.31
'''Disc IOS:''' 16
'''Disc Release Date:''' Unknown
'''Disc Build Date:''' Unknown
'''Disc Apploader:''' Unknown
[https://gametdb.com/Wii/410E01 GameTDB Page]
|}
As you can see, it has now aligned to the right. All text will go around it, so do not worry about that.
Problems
When the image is too big
The below code should output an infobox with an oversized image.
Bad Code
{| class="wikitable" style="float:right;
!Title
[[File:example.png|Hovertext]]
|-
| '''Information Name:''' Information
'''Information Name:''' Information
'''Information Name:''' Information
[https://www.example.com Link]
|}
| Infobox with Oversized Image |
|---|
| Information Name: Information
Information Name: Information Information Name: Information |
On the right you can see what it loo- Uh oh! That's too big! to change the size of the image, add |200px|200px| or something similar to make images smaller. If the image is still too large or now too small, lower/higher the pixels to a lower/higher number respectively.
Good Code
{| class="wikitable" style="float:right;
!Title
[[File:example.png|200px|200px|Hovertext]]
|-
| '''Information Name:''' Information
'''Information Name:''' Information
'''Information Name:''' Information
[https://www.example.com Link]
|}
| Infobox with proper-sized Image |
|---|
| Information Name: Information
Information Name: Information Information Name: Information |
Outcome
As you can see on the right, we now have a much better-sized image.