How To Use Images

From Asheron's Call Community Wiki

Jump to: navigation, search

Contents

See also also MetaWiki Help:Images

Naming

Examples:
Drudge Skulker Live.jpg
Sanamar Collector Live.jpg
Sword of Lost Light Live.jpg
  • Stat Panel/ID Panel images - these are to be uploaded and inserted in the talk page of the particular entry for future reference. These should be named: <Exact In-Game Name>.
Examples:
Drudge Skulker.jpg
Sanamar Collector.jpg
Sword of Lost Light.jpg
  • Icons - Being icons, these are only going to be used for items. These should be named: <Exact In-Game Name> Icon.
Example:
Sword of Lost Light Icon.png

Format and Quality

Uploading and Linking

Image Small.jpg

Parameters

([[File:Image Small.jpg|left]]) ([[File:Image Small.jpg|center]]) ([[File:Image Small.jpg|right]])

Image Small.jpg
Image Small.jpg
Image Small.jpg




Frame Caption.





Image Small.jpg
Centered text.





Pixel Size

[[File:Image Small.jpg|50px]]

Image Small.jpg

[[File:Image Small.jpg|30x40px]]

Image Small.jpg

[[File:Viamontian Knight Icon.png|link=Viamontian Knight]]

Viamontian Knight Icon.png

Image Gallery

It's easy to make a gallery of thumbnails only, not other images, with the <gallery> tag. The syntax is:

<gallery>
File:filename|caption
File:filename|caption
</gallery>

Note that the image code is not enclosed in brackets when enclosed in gallery tags. Captions are optional, and may contain wiki links or other formatting.

for example:

<gallery>
File:Example.jpg|Item 1
File:Example.jpg|a link to [[Help:Contents]]
File:Example.jpg
File:Example.jpg
File:Example.jpg|''italic caption''
File:Example.jpg|on page "{{PAGENAME}}"
</gallery>

The gallery tag itself takes several additional parameters:

for example:

<gallery caption="Gallery of Images" widths=150px heights=150px perrow=4>
File:Example.jpg|Item 1
File:Example.jpg|a link to [[Help:Contents]]
</gallery>

Animated GIFs

Shadowbox images

Create a soft shadow box around an image using the following code:

<div class="shadow" style="width:auto; padding:0px; background:none; display:inline-block;">[[File:Img olthoi.jpg]]</div>
Without With
Img olthoi.jpg
Img olthoi.jpg
Personal tools
Namespaces
Variants
Actions
Navigation
Ads
Toolbox