Difference between revisions of "Help:Infoboxes"

 
(One intermediate revision by the same user not shown)
Line 138: Line 138:
 
==== Outcome ====
 
==== Outcome ====
 
As you can see on the right, we now have a much better-sized image.
 
As you can see on the right, we now have a much better-sized image.
 +
 +
{{Template:MetaNavbox}}
 +
 +
[[Category:Meta]]

Latest revision as of 13:48, 5 February 2019

Infoboxes are tables that are made to look like Wikipedia's Infoboxes (seen below)

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

GameTDB Page

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

Hovertext

Information Name: Information

Information Name: Information

Information Name: Information

Link

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

Hovertext

Information Name: Information

Information Name: Information

Information Name: Information

Link

Outcome

As you can see on the right, we now have a much better-sized image.