Help:Gallery: Difference between revisions

From the Super Mario Wiki, the Mario encyclopedia
Jump to navigationJump to search
m (link and spelling)
mNo edit summary
 
(26 intermediate revisions by 14 users not shown)
Line 1: Line 1:
{{Shortcut|MW:GALLERY}}
This help page covers how to create an image '''gallery'''.
==How to create a picture gallery==
Galleries are best used in situations where a lot of pictures need to be displayed. Galleries are like thumbnails boxed together in a table.


By default, a gallery row contains 4 images. '''Do not create galleries with more than 4 images per row on any page outside your [[MarioWiki:Userspace|userspace]]'''.
== Gallery basics ==
Galleries are best used in situations where many images need to be displayed. Galleries are like thumbnails boxed together in a table.


Here is an example of a gallery:
By default, galleries have a fluid width. Do not create galleries with a fixed width on any page outside of your [[MarioWiki:Userspace|userspace]].
 
The basic syntax for a gallery is as follows:
 
<pre>
<gallery>
Image name.ext|Caption
</gallery>
</pre>
 
=== Example ===
<gallery>
MarioMP8Artwork.png|[[Mario]]
Luigi Artwork - Mario Party 7.png|[[Luigi]]
NSMBDS Bowser Artwork.png|[[Bowser]]
</gallery>
 
==== Source code ====
<pre>
<gallery>
<gallery>
File:MarioMP8a.PNG|''[[Mario]]''
MarioMP8Artwork.png|[[Mario]]
File:Luigi.jpg|''[[Luigi]]''
Luigi Artwork - Mario Party 7.png|[[Luigi]]
File:Bowser222.png|''[[Bowser]]''
NSMBDS Bowser Artwork.png|[[Bowser]]
</gallery>
</pre>
 
== Advanced options ==
In rare instances, it may be necessary to change the image widths, heights, and even background color in order to display them properly in a gallery.
 
This can be accomplished using the <code>widths</code>, <code>heights</code>, and <code>class</code> parameters, respectively.
 
The following background color classes are available: <code>blackbg</code>, <code>graybg</code>
 
=== Example ===
<gallery class="blackbg" widths="50" heights="50">
SM64 Asset Sprite CS Mario.png|Mario
SM64 Asset Sprite CS Coin.png|Yellow Coin
SM64 Asset Sprite CS Power Star.png|Power Star
</gallery>
 
==== Source code ====
<pre>
<gallery class="blackbg" widths="50" heights="50">
SM64 Asset Sprite CS Mario.png|Mario
SM64 Asset Sprite CS Coin.png|Yellow Coin
SM64 Asset Sprite CS Power Star.png|Power Star
</gallery>
</gallery>
</pre>


<pre><gallery>
== Gallery sections ==
File:MarioMP8a.PNG|''[[Mario]]''
Galleries should be divided by image type. The standard section order is provided below.
File:Luigi.jpg|''[[Luigi]]''
File:Bowser222.png|''[[Bowser]]''
</gallery></pre>


The main idea for a gallery is this:
=== Character pages ===
<pre>
==Artwork==
==Sprites/models==
==Screenshots==
</pre>


<pre><gallery>
=== Game pages ===
File:Image name.ext|Caption
<pre>
</gallery></pre>
==Logos==
==Artwork==
==Sprites/models==
==Screenshots==
==Box arts==
</pre>


[[Category:Help|{{PAGENAME}}]]
{{MarioWiki}}
{{Shortcut|SMW:GALLERY}}
[[Category:Help]]

Latest revision as of 14:13, January 26, 2024

This help page covers how to create an image gallery.

Gallery basics

Galleries are best used in situations where many images need to be displayed. Galleries are like thumbnails boxed together in a table.

By default, galleries have a fluid width. Do not create galleries with a fixed width on any page outside of your userspace.

The basic syntax for a gallery is as follows:

<gallery>
Image name.ext|Caption
</gallery>

Example

Source code

<gallery>
MarioMP8Artwork.png|[[Mario]]
Luigi Artwork - Mario Party 7.png|[[Luigi]]
NSMBDS Bowser Artwork.png|[[Bowser]]
</gallery>

Advanced options

In rare instances, it may be necessary to change the image widths, heights, and even background color in order to display them properly in a gallery.

This can be accomplished using the widths, heights, and class parameters, respectively.

The following background color classes are available: blackbg, graybg

Example

Source code

<gallery class="blackbg" widths="50" heights="50">
SM64 Asset Sprite CS Mario.png|Mario
SM64 Asset Sprite CS Coin.png|Yellow Coin
SM64 Asset Sprite CS Power Star.png|Power Star
</gallery>

Gallery sections

Galleries should be divided by image type. The standard section order is provided below.

Character pages

==Artwork==
==Sprites/models==
==Screenshots==

Game pages

==Logos==
==Artwork==
==Sprites/models==
==Screenshots==
==Box arts==