Template:Item icon/doc: Difference between revisions

From Project Gorgon
Jump to navigation Jump to search
Extractum11 (talk | contribs)
Created page with "__NOTOC__ ==Description== This accepts an item name as input and returns the in-game icon. Be aware that icons have various sizes, you should use CSS to easily resize them. Se..."
 
Extractum11 (talk | contribs)
m Various edits
Line 1: Line 1:
__NOTOC__
__NOTOC__
==Description==
==Description==
This accepts an item name as input and returns the in-game icon. Be aware that icons have various sizes, you should use CSS to easily resize them. See the Examples section below.
This accepts an item name as input and returns the in-game icon. Be aware that icons have various sizes, and you can use CSS to easily resize them. 99% of the time, you'll want 32x32. If you do NEED 64x64, remember that some icons are not inherently that big so you'll lose image quality. See the Examples section below.


==Syntax==
==Syntax==
Line 15: Line 15:


=== Basic Use ===
=== Basic Use ===
<pre>{{Item icon|Glowy Yellow Crystal}}</pre>
<pre>{{Item icon|Glowy Yellow Crystal}} {{Item icon|Ice Core}}</pre>
{{Item icon|Glowy Yellow Crystal}}
{{Item icon|Glowy Yellow Crystal}} {{Item icon|Ice Core}}




=== Forcing 32x32 size ===
=== Forcing 32x32 size ===
<pre><div class="extimage32px">{{Item icon|Glowy Yellow Crystal}}</div></pre>
<pre><span class="extimage32px">{{Item icon||Glowy Yellow Crystal}}</span></pre>
<div class="extimage32px">{{Item icon|Glowy Yellow Crystal}}</div>
<span class="extimage32px">{{Item icon|Glowy Yellow Crystal}}</span>




=== Forcing 64x64 size ===
=== Forcing 64x64 size ===
<pre><div class="extimage64px">{{Item icon|Glowy Yellow Crystal}}</div></pre>
<pre><span class="extimage64px">{{Item icon|Ice Core}}</span></pre>
<div class="extimage64px">{{Item icon|Glowy Yellow Crystal}}</div>
<span class="extimage64px">{{Item icon|Ice Core}}</span>

Revision as of 20:30, 29 January 2017

Description

This accepts an item name as input and returns the in-game icon. Be aware that icons have various sizes, and you can use CSS to easily resize them. 99% of the time, you'll want 32x32. If you do NEED 64x64, remember that some icons are not inherently that big so you'll lose image quality. See the Examples section below.

Syntax

{{Item icon|<name>}}

Parameters

<name>
The name of the item. It must match exactly what is displayed in-game (e.g. "Red Apple", not "Apple" or "red apple")

Examples

Basic Use

{{Item icon|Glowy Yellow Crystal}} {{Item icon|Ice Core}}

{{ #replace: http://cdn.projectgorgon.com/v456/icons/icon_5702.png | http://cdn.projectgorgon.com/v456/icons/icon_.png | Error: Item not found }} {{ #replace: http://cdn.projectgorgon.com/v456/icons/icon_5295.png | http://cdn.projectgorgon.com/v456/icons/icon_.png | Error: Item not found }}


Forcing 32x32 size

<span class="extimage32px">{{Item icon||Glowy Yellow Crystal}}</span>

{{ #replace: http://cdn.projectgorgon.com/v456/icons/icon_5702.png | http://cdn.projectgorgon.com/v456/icons/icon_.png | Error: Item not found }}


Forcing 64x64 size

<span class="extimage64px">{{Item icon|Ice Core}}</span>

{{ #replace: http://cdn.projectgorgon.com/v456/icons/icon_5295.png | http://cdn.projectgorgon.com/v456/icons/icon_.png | Error: Item not found }}