Difference between revisions of "Template:Icon"

From EVE University Wiki
Jump to: navigation, search
m (Fixed some minor things.)
Line 1,209: Line 1,209:
 
{|
 
{|
 
| valign="top" |
 
| valign="top" |
{| class="wikitable" style="font-size:90%;"
+
{| class="wikitable" style="font-size:90%"
 
! style="background:#222222;" | Tag
 
! style="background:#222222;" | Tag
 
! style="background:#222222;" | Syntax
 
! style="background:#222222;" | Syntax
Line 1,404: Line 1,404:
 
| valign="top" |
 
| valign="top" |
 
In order to make icons flashing, include this to your page:<br>
 
In order to make icons flashing, include this to your page:<br>
{{code|<pre>{{#css:
+
<small>{{code|<nowiki>{{#css:
 
 
 
@keyframes flashy { 50% { opacity: 0; } }
 
@keyframes flashy { 50% { opacity: 0; } }
 
@-webkit-keyframes flashy { 50% { opacity: 0; } }
 
@-webkit-keyframes flashy { 50% { opacity: 0; } }
 
@-moz-keyframes flashy { 50% { opacity: 0; } }
 
@-moz-keyframes flashy { 50% { opacity: 0; } }
 
@-o-keyframes flashy { 50% { opacity: 0; } }
 
@-o-keyframes flashy { 50% { opacity: 0; } }
 
 
.flashy img {
 
.flashy img {
 
     animation-name: flashy;
 
     animation-name: flashy;
Line 1,417: Line 1,415:
 
     animation-iteration-count: infinite;
 
     animation-iteration-count: infinite;
 
     animation-direction: alternate;
 
     animation-direction: alternate;
 
 
     -webkit-animation-name: flashy;
 
     -webkit-animation-name: flashy;
 
     -webkit-animation-duration: .5s;
 
     -webkit-animation-duration: .5s;
Line 1,423: Line 1,420:
 
     -webkit-animation-iteration-count: infinite;
 
     -webkit-animation-iteration-count: infinite;
 
     -webkit-animation-direction: alternate;
 
     -webkit-animation-direction: alternate;
 
 
     -moz-animation-name: flashy;
 
     -moz-animation-name: flashy;
 
     -moz-animation-duration: .5s;
 
     -moz-animation-duration: .5s;
Line 1,429: Line 1,425:
 
     -moz-animation-iteration-count: infinite;
 
     -moz-animation-iteration-count: infinite;
 
     -moz-animation-direction: alternate;
 
     -moz-animation-direction: alternate;
 
 
     -o-animation-name: flashy;
 
     -o-animation-name: flashy;
 
     -o-animation-duration: .5s;
 
     -o-animation-duration: .5s;
Line 1,435: Line 1,430:
 
     -o-animation-iteration-count: infinite;
 
     -o-animation-iteration-count: infinite;
 
     -o-animation-direction: alternate;
 
     -o-animation-direction: alternate;
}
+
} }}</nowiki>}}</small>
}}</pre>}}
 
 
And then use {{co|violet|<nowiki><span class="flashy"&gt;{{icon|war target|9}}</span&gt;</nowiki>}} to make it blink, like <span class="flashy">{{icon|tag war|9}}</span> here does.
 
And then use {{co|violet|<nowiki><span class="flashy"&gt;{{icon|war target|9}}</span&gt;</nowiki>}} to make it blink, like <span class="flashy">{{icon|tag war|9}}</span> here does.
 
|}
 
|}

Revision as of 17:04, 7 February 2015

Icon stasis webifier i.png

Syntax

The function takes up to three parameters. Each of the parameters are optional, while still allowing for some customization if need be.

{{ icon | type | size | hint }}

Parameters

type
This determines which icon to show and it will default back to the webifier icon if no parameters are given. Remember to use lower-case letters.
size
This determines the size of the image, in pure numbers. It defaults to 32 (the px part of the size is omitted from the parameter as it is included in the template).
hint
This is the mouse-over hint. Add this if you want custom text to be displayed when you hover over the icon. This parameter will accept codes like bold or italic or wiki-links, but will simply strip any link-coding or formatting from them and presents the unmodified plain text.

Examples

  • {{icon|point}}Icon warp disruptor i.png (it will use the default size and no mouse-over tooltip)
  • {{icon|||Stay put with a web!Stay put with a web! (default icon and size was used since no first argument was given)
  • {{icon|warp scrambler|16|No MWD for you!}}No MWD for you! (smaller icon, could be used inside a paragraph without breaking the line height)

List of icons

Below is a list of icons sorted by type. The "size" column lists the maximum size each icon should be used at.

Assistance

Name Syntax Icon Size
Remote armor repair {{icon|remote armor repair}} Icon remote armor repair i.png 64px
Shield transporter {{icon|shield transporter}} Icon shield transporter i.png 64px
Warfare link {{icon|warfare link}} Warfare-links.png 64px

Attributes

Attribute Syntax Icon Size
Charisma {{icon|charisma}} Click to update image. 128px
Intelligence {{icon|intelligence}} Click to update image. 128px
Memory {{icon|memory}} Click to update image. 128px
Perception {{icon|perception}} Click to update image. 128px
Willpower {{icon|willpower}} Click to update image. 128px
Implant Syntax Icon Size
Social adaptation chip {{icon|charisma implant}} Click to update image. 64px
Cybernetic subprocessor {{icon|intelligence implant}} Click to update image. 64px
Memory Augmentation {{icon|memory implant}} Click to update image. 64px
Ocular filter {{icon|perception implant}} Click to update image. 64px
Neural boost {{icon|willpower implant}} Click to update image. 64px
Icon [1] Syntax Icon Size
Charisma {{icon|charisma attribute}} Click to update image. 32px
Intelligence {{icon|int attribute}} Click to update image. 32px
Memory {{icon|mem attribute}} Click to update image. 32px
Perception {{icon|per attribute}} Click to update image. 32px
Willpower {{icon|will attribute}} Click to update image. 32px
  1. ^ The icon that shows up in the character sheet from the NeoCom.

Electronic Warfare

Name Syntax Icon Size
Warp scrambler {{icon|warp scrambler}} Click to update image. 64px
Warp disruptor {{icon|warp disruptor}} Click to update image. 64px
Stasis webifier {{icon|stasis webifier}} Click to update image. 64px
ECM / Jamming {{icon|ecm}} Click to update image. 64px
Remote ECM burst {{icon|remote ecm burst}} Click to update image. 64px
Target painter {{icon|target painter}} Click to update image. 64px
Energy vampire {{icon|energy vampire}} Click to update image. 64px
Energy neutralizer {{icon|energy neutralizer}} Click to update image. 64px
Remote sensor dampener {{icon|sensor damp}} Click to update image. 64px
Track disruptor {{icon|track disruptor}} Click to update image. 64px

Factions

Empires Syntax Icon Size
Amarr {{icon|amarr}} Click to update image. 128px
Amarr {{icon|amarr2}} Click to update image. 128px
Amarr {{icon|amarr3}} Click to update image. 128px
Amarr {{icon|amarr4}} Click to update image. 128px
Caldari {{icon|caldari}} Click to update image. 128px
Caldari {{icon|caldari2}} Click to update image. 128px
Caldari {{icon|caldari3}} Click to update image. 128px
Caldari {{icon|caldari4}} Click to update image. 128px
Gallente {{icon|gallente}} Click to update image. 128px
Gallente {{icon|gallente2}} Click to update image. 128px
Gallente {{icon|gallente3}} Click to update image. 128px
Gallente {{icon|gallente4}} Click to update image. 128px
Minmatar {{icon|minmatar}} Click to update image. 128px
Minmatar {{icon|minmatar2}} Click to update image. 128px
Minmatar {{icon|minmatar3}} Click to update image. 128px
Minmatar {{icon|minmatar4}} Click to update image. 128px
Jovian Empire {{icon|jove}} Click to update image. 128px
Name Syntax Icon Size
Ammatar Mandate {{icon|ammatar}} Click to update image. 128px
Angel Cartel {{icon|angels}} Click to update image. 128px
Blood Raiders {{icon|blood raiders}} Click to update image. 128px
CONCORD Assembly {{icon|concord}} Click to update image. 128px
Guristas Pirates {{icon|guristas}} Click to update image. 128px
InterBus {{icon|interbus}} Click to update image. 128px
Khanid Kingdom {{icon|khanid kingdom}} Click to update image. 128px
Mordu's Legion {{icon|mordu}} Click to update image. 128px
Outer Ring Excavations {{icon|ore}} Click to update image. 128px
Sansha's Nation {{icon|sansha}} Click to update image. 128px
Serpentis {{icon|serpentis}} Click to update image. 128px
Servant Sisters of EVE {{icon|sisters}} Click to update image. 128px
Society of Conscious Thought {{icon|society}} Click to update image. 128px
The Syndicate {{icon|the syndicate}} Click to update image. 128px
Thukker Tribe {{icon|thukker tribe}} Click to update image. 128px

Fitting

Name Syntax Icon Size
Powergrid {{icon|powergrid}} Click to update image. 32px
CPU {{icon|cpu}} Click to update image. 32px
Range {{icon|range}} Click to update image. 32px
Signature radius {{icon|sig}} Click to update image. 32px
Velocity {{icon|velocity}} Click to update image. 32px
Shield {{icon|shield}} Click to update image. 32px
Armor {{icon|armor}} Click to update image. 32px
Hull / Structure {{icon|hull}} Click to update image. 64px
Capacity {{icon|capacity}} Click to update image. 64px
Sensor resolution {{icon|sensor resolution}} Click to update image. 64px
Target {{icon|target}} Click to update image. 64px
Inertia {{icon|inertia}} Click to update image. 32px
Volume {{icon|volume}} Click to update image. 64px
Tracking {{icon|tracking}} Click to update image. 32px
Turret {{icon|turret}} Click to update image. 32px
Missile {{icon|missile}} Click to update image. 32px
Turret new {{icon|turret new}} Click to update image. 64px
Missile new {{icon|missile new}} Click to update image. 64px

Miscellaneous

Name Syntax Icon Size
Red X {{icon|x}} Click to update image. 64px
Green check {{icon|check}} Click to update image. 64px
Constellation {{icon|constellation}} Click to update image. 64px
Corporation/Alliance {{icon|corporation}} Click to update image. 64px
Orbit Distance {{icon|orbit}} Click to update image. 64px
Windows {{icon|win}} Click to update image. 128px
Macintosh {{icon|mac}} Click to update image. 128px
Linux {{icon|linux}} Click to update image. 128px
Name Syntax Icon Size
Large container {{icon|large container}} Click to update image. 64px
Large green container {{icon|large green container}} Click to update image. 64px
Large cyan container {{icon|large cyan container}} Click to update image. 64px
Large secure container {{icon|large secure container}} Click to update image. 64px
Medium container {{icon|medium container}} Click to update image. 64px
Medium green container {{icon|medium green container}} Click to update image. 64px
Medium cyan container {{icon|medium cyan container}} Click to update image. 64px
Medium secure container {{icon|medium secure container}} Click to update image. 64px
Small container {{icon|small container}} Click to update image. 64px
Small green container {{icon|small green container}} Click to update image. 64px
Small cyan container {{icon|small cyan container}} Click to update image. 64px
Small secure container {{icon|small secure container}} Click to update image. 64px

Ore, minerals and ice

Name /
Category
Ore
Syntax Icon Size
Veldspar {{icon|veldspar}} Click to update image. 64px
Scordite {{icon|scordite}} Click to update image. 64px
Pyroxeres {{icon|pyroxeres}} Click to update image. 64px
Plagioclase {{icon|plagioclase}} Click to update image. 64px
Omber {{icon|omber}} Click to update image. 64px
Kernite {{icon|kernite}} Click to update image. 64px
Jaspet {{icon|jaspet}} Click to update image. 64px
Hemorphite {{icon|hemorphite}} Click to update image. 64px
Hedbergite {{icon|hedbergite}} Click to update image. 64px
Gneiss {{icon|gneiss}} Click to update image. 64px
Dark Ochre {{icon|dark ochre}} Click to update image. 64px
Spodumain {{icon|spodumain}} Click to update image. 64px
Crokite {{icon|crokite}} Click to update image. 64px
Bistot {{icon|bistot}} Click to update image. 64px
Arkonor {{icon|arkonor}} Click to update image. 64px
Mercoxit {{icon|mercoxit}} Click to update image. 64px
Name /
Category
Minerals
Syntax Icon Size
Tritanium {{icon|tritanium}} Click to update image. 64px
Pyerite {{icon|pyerite}} Click to update image. 64px
Mexallon {{icon|mexallon}} Click to update image. 64px
Isogen {{icon|isogen}} Click to update image. 64px
Nocxium {{icon|nocxium}} Click to update image. 64px
Megacyte {{icon|megacyte}} Click to update image. 64px
Zydrine {{icon|zydrine}} Click to update image. 64px
Morphite {{icon|morphite}} Click to update image. 64px
Heavy Water {{icon|water}} Click to update image. 64px
Helium Isotopes {{icon|helium}} Click to update image. 64px
Hydrogen Isotopes {{icon|hydrogen}} Click to update image. 64px
Liquid Ozone {{icon|ozone}} Click to update image. 64px
Nitrogen Isotopes {{icon|nitrogen}} Click to update image. 64px
Oxygen Isotopes {{icon|oxygen}} Click to update image. 64px
Strontium Clathrates {{icon|strontium}} Click to update image. 64px
Name /
Category
Ice
Syntax Icon Size
Blue Ice {{icon|blue ice}} Click to update image. 64px
Clear Icicle {{icon|clear icicle}} Click to update image. 64px
Glacial Mass {{icon|glacial mass}} Click to update image. 64px
White Glaze {{icon|white glaze}} Click to update image. 64px
Thick Blue Ice {{icon|thick blue ice}} Click to update image. 64px
Enriched Clear Icicle {{icon|enriched clear icicle}} Click to update image. 64px
Smooth Glacial Mass {{icon|smooth glacial mass}} Click to update image. 64px
Pristine White Glaze {{icon|pristine white glaze}} Click to update image. 64px
Dark Glitter {{icon|dark glitter}} Click to update image. 64px
Gelidus {{icon|gelidus}} Click to update image. 64px
Glare Crust {{icon|glare crust}} Click to update image. 64px
Krystallos {{icon|krystallos}} Click to update image. 64px

Overview tags and backgrounds

Tag Syntax Icon Size
Box checked {{icon|tag check|9}} Click to update image. 9px
Box unchecked {{icon|tag uncheck|9}} Click to update image. 9px
At war {{icon|tag war|9}} Click to update image. 9px
At war (militia) {{icon|tag war militia|9}} Click to update image. 9px
In your fleet {{icon|tag fleet|9}} Click to update image. 9px
In your corporation {{icon|tag corp|9}} Click to update image. 9px
In your alliance {{icon|tag alliance|9}} Click to update image. 9px
Excellent standing {{icon|tag 10|9}} Click to update image. 9px
Good standing {{icon|tag 5|9}} Click to update image. 9px
Outlaw (below -5 sec) {{icon|tag outlaw|9}} Click to update image. 9px
Criminal {{icon|tag criminal|9}} Click to update image. 9px
Suspect {{icon|tag suspect|9}} Click to update image. 9px
Limited engagement {{icon|tag le|9}} Click to update image. 9px
Available kill right {{icon|tag kill|9}} Click to update image. 9px
Terrible standing (-10) {{icon|tag -10|9}} Click to update image. 9px
Bad standing (-5) {{icon|tag -5|9}} Click to update image. 9px
Militia (or militia ally) {{icon|tag militia|9}} Click to update image. 9px
Ally in your war {{icon|tag war ally|9}} Click to update image. 9px
Security status below zero {{icon|tag below zero|9}} Click to update image. 9px
Neutral standing (0) {{icon|tag neutral|9}} Click to update image. 9px
Interactable agent {{icon|tag agent|9}} Click to update image. 9px
Bounty {{icon|tag bounty|9}} Click to update image. 9px
No standing {{icon|tag no standing|9}} Click to update image. 9px
Background Syntax Icon Size
Red {{icon|bg red|9}} Click to update image. 9px
Orange {{icon|bg orange|9}} Click to update image. 9px
Purple (dark) {{icon|bg purple dark|9}} Click to update image. 9px
Purple (light) {{icon|bg purple light|9}} Click to update image. 9px
Green {{icon|bg green|9}} Click to update image. 9px
Blue (dark) {{icon|bg blue dark|9}} Click to update image. 9px
Blue (light) {{icon|bg blue light|9}} Click to update image. 9px
Yellow {{icon|bg yellow|9}} Click to update image. 9px
Black {{icon|bg black|9}} Click to update image. 9px
Grey {{icon|bg grey|9}} Click to update image. 9px
White {{icon|bg white|9}} Click to update image. 9px
Turquoise (dark) {{icon|bg turquoise dark|9}} Click to update image. 9px
Turquoise (light) {{icon|bg turquoise light|9}} Click to update image. 9px

In order to make icons flashing, include this to your page:

{{#css: @keyframes flashy { 50% { opacity: 0; } } @-webkit-keyframes flashy { 50% { opacity: 0; } } @-moz-keyframes flashy { 50% { opacity: 0; } } @-o-keyframes flashy { 50% { opacity: 0; } } .flashy img { animation-name: flashy; animation-duration: .5s; animation-timing-function: linear; animation-iteration-count: infinite; animation-direction: alternate; -webkit-animation-name: flashy; -webkit-animation-duration: .5s; -webkit-animation-timing-function: linear; -webkit-animation-iteration-count: infinite; -webkit-animation-direction: alternate; -moz-animation-name: flashy; -moz-animation-duration: .5s; -moz-animation-timing-function: linear; -moz-animation-iteration-count: infinite; -moz-animation-direction: alternate; -o-animation-name: flashy; -o-animation-duration: .5s; -o-animation-timing-function: linear; -o-animation-iteration-count: infinite; -o-animation-direction: alternate; } }}

And then use <span class="flashy">{{icon|war target|9}}</span> to make it blink, like ColorTag-StarRed9.gif here does.

Resists & Damages

Name /
Category
Resists Damages
Syntax Icon Size Syntax Icon Size
Electromagnetic {{icon|em resist}} Click to update image. 32px {{icon|em damage}} Click to update image. 32px
Thermal {{icon|th resist}} Click to update image. 32px {{icon|th damage}} Click to update image. 32px
Explosive {{icon|ex resist}} Click to update image. 32px {{icon|ex damage}} Click to update image. 32px
Kinetic {{icon|ki resist}} Click to update image. 32px {{icon|ki damage}} Click to update image. 32px

Ships & NPC

Name Syntax Icon Size
Small target {{icon|small target|16}} Click to update image. 16px
Medium target {{icon|medium target|16}} Click to update image. 16px
Large target {{icon|large target|16}} Click to update image. 16px
Sentry tower {{icon|sentry tower|16}} Click to update image. 16px
Small neutral {{icon|small neutral|16}} Click to update image. 16px
Medium neutral {{icon|medium neutral|16}} Click to update image. 16px
Large neutral {{icon|large neutral|16}} Click to update image. 16px
Small player ship {{icon|small ship|16}} Click to update image. 16px
Medium player ship {{icon|medium ship|16}} Click to update image. 16px
Large player ship {{icon|large ship|16}} Click to update image. 16px
Large industrial player ship {{icon|large industrial ship|16}} Click to update image. 16px
Capital player ship {{icon|capital ship|16}} Click to update image. 16px
Fighters/Fighter-bombers {{icon|fighter}} Click to update image. 64px

Weapons

Name /
Category
Turrets
Syntax Icon Size
X-Large Beam Lasers {{icon|xl beam laser}} Click to update image. 64px
Large Beam Lasers {{icon|large beam laser}} Click to update image. 64px
Medium Beam Lasers {{icon|medium beam laser}} Click to update image. 64px
Small Beam Lasers {{icon|small beam laser}} Click to update image. 64px
X-Large Pulse Lasers {{icon|xl pulse laser}} Click to update image. 64px
Large Pulse Lasers {{icon|large pulse laser}} Click to update image. 64px
Medium Pulse Lasers {{icon|medium pulse laser}} Click to update image. 64px
Small Pulse Lasers {{icon|small pulse laser}} Click to update image. 64px
X-Large Railgun {{icon|xl railgun}} Click to update image. 64px
Large Railgun {{icon|large railgun}} Click to update image. 64px
Medium Railgun {{icon|medium railgun}} Click to update image. 64px
Small Railgun {{icon|small railgun}} Click to update image. 64px
X-Large Blaster {{icon|xl blaster}} Click to update image. 64px
Large Blaster {{icon|large blaster}} Click to update image. 64px
Medium Blaster {{icon|medium blaster}} Click to update image. 64px
Small Blaster {{icon|small blaster}} Click to update image. 64px
Name /
Category
Missiles
Syntax Icon Size
Citadel Torpedo {{icon|citadel torpedo}} Click to update image. 64px
Citadel Cruise {{icon|citadel cruise}} Click to update image. 64px
Torpedo {{icon|torpedo}} Click to update image. 64px
Cruise Missile {{icon|cruise missiles}} Click to update image. 64px
Rapid Heavy Missile {{icon|rapid heavy missile}} Click to update image. 64px
Heavy Missile {{icon|heavy missile}} Click to update image. 64px
Heavy Assault Missile {{icon|heavy assault missile}} Click to update image. 64px
Light Missile {{icon|light missile}} Click to update image. 64px
Rocket {{icon|rocket}} Click to update image. 64px
Rapid Light Missile {{icon|rapid light missile}} Click to update image. 64px