| Result
|
Wiki syntax used
|
Notes
|
|
[[File:Mushroom Example.png|75px]]
|
- Displays the image without a border, thumbnail or caption. When this is done, the image will be displayed on the left side of the page as the default. It can also be displayed in the center of the page, or on the right.
- Clicking on the image will lead to the file page.
|
|
|
[[File:Mushroom Example.png|75px|Click here!]]
|
- Custom text will appear when hovering the cursor over the image. Clicking on the image will lead to the file page.
|
|
|
[[File:Mushroom Example.png|75px|Click here!|link=Super Mushroom]]
|
- Links to a page title on the wiki.
- Using only link= (without specifying a page) will de-link the image, and clicking on it will do nothing. This is ideal for official notice templates which use an image as part of the template. For example, {{warning}} includes a delinked image. Having a clickable image which leads to a file page would be unnecessary here, as the template serves as a formal notice when issued to users.
|
|
|
[[File:Mushroom Example.png|75px|class=blackbg]]
|
- Applies a CSS class to the image.
- Background colors:
blackbg, whitebg, graybg
- Outline colors:
blackline, whiteline, grayline
- Vertical alignment:
top, bottom (middle is the default)
- Transformations:
blur, round, flipX, flipY
- Resizing:
resize, autoresize, noresize
- Thumbnail width:
wide, wider, widest
- Pixelated scaling:
sprite or pixelated
- Float thumb next to infobox:
noclear
|
|
|
[[File:Mushroom Example.png|75px|border|Click here!]]
|
- Places a faint grey border around the image.
|
|
|
[[File:Mushroom Example.png|75px|thumb]]
|
- This will create a thumbnail of the image, surrounded by a solid border.
- The enlarge icon signifies that the image may be displayed at a modified size.
- The side the page the image is placed on can be alternated between left, right or center. "Right" is the default when using a thumbnail.
- If the image is transparent, a thumbnail will not show the page's background (such those seen on 'Shroom articles). Instead, one of the earlier methods of displaying an image should be used if necessary.
|
|
|
[[File:Mushroom Example.png|75px|thumb|left|Caption.]]
|
- A caption can be placed below the image, within the frame. This is commonly used to describe the image.
- Using a thumbnail with a description is an ideal way to embed related images within an article.
|
|
|
[[File:Mushroom Example.png|50px|thumb|left|Caption.]]
|
- The image can be re-sized to a smaller width. The image cannot be made larger than its native size.
- Add an x in front to resize the imaged based on its height, e.g. x50px.
|
 Caption. |
[[File:Mushroom Example.png|frame|left|Caption.]]
|
- A frame can be placed around the image.
- This is different from a thumbnail. The full size of the image will be shown, and it cannot be resized.
- This may be used on articles instead of a thumbnail, when the full size of the image is already an appropriate size to display on an article.
|
|
https://www.mariowiki.com/images/0/08/Mushroom_Example.png
|
- Using simply the URL of the image will still display it. However it can not be used within a thumbnail or frame, it cannot be resized and clicking on it will do nothing.
- For articles on the wiki, one of the aforementioned options should be used instead.
|
|
|
[https://www.mariowiki.com/Super_Mushroom https://www.mariowiki.com/images/0/08/Mushroom_Example.png]
|
- Placing a page URL in front of the image URL, and then surrounding with square brackets can link the image. This can be used to link to external websites other than the Super Mario Wiki.
|
|
|
{{plain link|1=[https://www.mariowiki.com/Super_Mushroom https://www.mariowiki.com/images/0/08/Mushroom_Example.png]}}
|
- Using the {{plain link}} template can remove the "
 " beside the image (which will show by default when linking images using a URL).
|
