Difference between revisions of "Template:Icon"
From EVE University Wiki
m (→Factions) |
(Added overview tags and backgrounds.) |
||
Line 1: | Line 1: | ||
<noinclude> | <noinclude> | ||
<div style="float:right; margin-left:1em; margin-bottom:1em;">__TOC__</div> | <div style="float:right; margin-left:1em; margin-bottom:1em;">__TOC__</div> | ||
+ | <!-- Flash CSS --> | ||
+ | {{#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; | ||
+ | } | ||
+ | }} | ||
</noinclude>[[image:{{#switch: {{{1|}}} | </noinclude>[[image:{{#switch: {{{1|}}} | ||
<!-- | <!-- | ||
Line 181: | Line 215: | ||
| glare crust = ice_glare_crust.png | | glare crust = ice_glare_crust.png | ||
| krystallos = ice_krystallos.png | | krystallos = ice_krystallos.png | ||
+ | <!-- | ||
+ | |||
+ | Overview tags | ||
+ | |||
+ | --> | ||
+ | | tag check = Overview-BoxChecked9.gif | ||
+ | | tag uncheck = Overview-BoxUnChecked9.gif | ||
+ | | tag war = ColorTag-StarRed9.gif | ||
+ | | tag war militia = ColorTag-StarOrange9.gif | ||
+ | | tag fleetmember | tag fleet member | tag fleet = ColorTag-FleetMember9.gif | ||
+ | | tag corporation member | tag corporation | tag corp = ColorTag-StarGreen9.gif | ||
+ | | tag alliance | tag ally = ColorTag-StarBlue9.gif <!-- same as war ally --> | ||
+ | | tag excellent standing | tag excellent | tag 10 = ColorTag-PlusDarkBlue9.gif | ||
+ | | tag good standing | tag good | tag 5 = ColorTag-PlusLightBlue9.gif | ||
+ | | tag outlaw = ColorTag-SkullOrange9.gif | ||
+ | | tag criminal = ColorTag-SkullRedBlack9.gif | ||
+ | | tag suspect = ColorTag-SkullYellowBlack9.gif | ||
+ | | tag limited engagement | tag limited | tag le = ColorTag-SkullTurquoise9.gif | ||
+ | | tag kill right | tag kill = ColorTag-CrosshairOrange9.gif | ||
+ | | tag terrible | tag -10 = ColorTag-MinusRed9.gif | ||
+ | | tag bad | tag -5 = ColorTag-MinusOrange9.gif | ||
+ | | tag militia | tag militia ally = ColorTag-StarPurple9.gif | ||
+ | | tag war ally = ColorTag-StarBlue9.gif <!-- Same as alliance --> | ||
+ | | tag security below zero | tag pirate = ColorTag-SkullYellow9.gif | ||
+ | | tag neutral standing | tag neutral = ColorTag-Neutral.gif | ||
+ | | tag interactable | tag agent = ColorTag-ChatBlue9.gif | ||
+ | | tag bounty = ColorTag-SkullBlack9.gif | ||
+ | | tag no standing | tag no = ColorTag-Neutral.gif | ||
+ | <!-- | ||
+ | |||
+ | Overview backgrounds | ||
+ | |||
+ | --> | ||
+ | | bg red = ColorTagBG-Red.gif | ||
+ | | bg orange = ColorTagBG-Orange.gif | ||
+ | | bg purple | ||
+ | | bg purple dark = ColorTagBG-PurpleDark.gif | ||
+ | | bg purple light = ColorTagBG-PurpleLight.gif | ||
+ | | bg green | ||
+ | | bg green dark = ColorTagBG-GreenDark.gif | ||
+ | | bg blue | ||
+ | | bg blue dark = ColorTagBG-BlueDark.gif | ||
+ | | bg blue light = ColorTagBG-BlueLight.gif | ||
+ | | bg yellow = ColorTagBG-Yellow.gif | ||
+ | | bg black = ColorTagBG-Black.gif | ||
+ | | bg grey = ColorTagBG-Grey.gif | ||
+ | | bg white = ColorTagBG-White.gif | ||
+ | | bg turquoise | ||
+ | | bg turquoise dark = ColorTagBG-DarkTurquoise.gif | ||
+ | | bg turquoise light = ColorTagBG-Turquoise.gif | ||
<!-- | <!-- | ||
Line 1,122: | Line 1,206: | ||
|} | |} | ||
+ | == Overview tags and backgrounds == | ||
+ | {| | ||
+ | | valign="top" | | ||
+ | {| class="wikitable" style="font-size:90%;" | ||
+ | ! style="background:#222222;" | Tag | ||
+ | ! style="background:#222222;" | Syntax | ||
+ | ! style="background:#222222;" | Icon | ||
+ | ! style="background:#222222;" | Size | ||
+ | |- | ||
+ | | Box checked | ||
+ | | style="background:#333333;" | <nowiki>{{icon|tag check|9}}</nowiki> | ||
+ | | align="center" valign="middle" | {{icon|tag check|9|Click to update image.}} | ||
+ | | 9px | ||
+ | |- | ||
+ | | Box unchecked | ||
+ | | style="background:#333333;" | <nowiki>{{icon|tag uncheck|9}}</nowiki> | ||
+ | | align="center" valign="middle" | {{icon|tag uncheck|9|Click to update image.}} | ||
+ | | 9px | ||
+ | |- | ||
+ | | At war | ||
+ | | style="background:#333333;" | <nowiki>{{icon|tag war|9}}</nowiki> | ||
+ | | align="center" valign="middle" | {{icon|tag war|9|Click to update image.}} | ||
+ | | 9px | ||
+ | |- | ||
+ | | At war (militia) | ||
+ | | style="background:#333333;" | <nowiki>{{icon|tag war militia|9}}</nowiki> | ||
+ | | align="center" valign="middle" | {{icon|tag war militia|9|Click to update image.}} | ||
+ | | 9px | ||
+ | |- | ||
+ | | In your fleet | ||
+ | | style="background:#333333;" | <nowiki>{{icon|tag fleet|9}}</nowiki> | ||
+ | | align="center" valign="middle" | {{icon|tag fleet|9|Click to update image.}} | ||
+ | | 9px | ||
+ | |- | ||
+ | | In your corporation | ||
+ | | style="background:#333333;" | <nowiki>{{icon|tag corp|9}}</nowiki> | ||
+ | | align="center" valign="middle" | {{icon|tag corp|9|Click to update image.}} | ||
+ | | 9px | ||
+ | |- | ||
+ | | In your alliance | ||
+ | | style="background:#333333;" | <nowiki>{{icon|tag alliance|9}}</nowiki> | ||
+ | | align="center" valign="middle" | {{icon|tag alliance|9|Click to update image.}} | ||
+ | | 9px | ||
+ | |- | ||
+ | | Excellent standing | ||
+ | | style="background:#333333;" | <nowiki>{{icon|tag 10|9}}</nowiki> | ||
+ | | align="center" valign="middle" | {{icon|tag 10|9|Click to update image.}} | ||
+ | | 9px | ||
+ | |- | ||
+ | | Good standing | ||
+ | | style="background:#333333;" | <nowiki>{{icon|tag 5|9}}</nowiki> | ||
+ | | align="center" valign="middle" | {{icon|tag 5|9|Click to update image.}} | ||
+ | | 9px | ||
+ | |- | ||
+ | | Outlaw (below -5 sec) | ||
+ | | style="background:#333333;" | <nowiki>{{icon|tag outlaw|9}}</nowiki> | ||
+ | | align="center" valign="middle" | {{icon|tag outlaw|9|Click to update image.}} | ||
+ | | 9px | ||
+ | |- | ||
+ | | Criminal | ||
+ | | style="background:#333333;" | <nowiki>{{icon|tag criminal|9}}</nowiki> | ||
+ | | align="center" valign="middle" | {{icon|tag criminal|9|Click to update image.}} | ||
+ | | 9px | ||
+ | |- | ||
+ | | Suspect | ||
+ | | style="background:#333333;" | <nowiki>{{icon|tag suspect|9}}</nowiki> | ||
+ | | align="center" valign="middle" | {{icon|tag suspect|9|Click to update image.}} | ||
+ | | 9px | ||
+ | |- | ||
+ | | Limited engagement | ||
+ | | style="background:#333333;" | <nowiki>{{icon|tag le|9}}</nowiki> | ||
+ | | align="center" valign="middle" | {{icon|tag le|9|Click to update image.}} | ||
+ | | 9px | ||
+ | |- | ||
+ | | Available kill right | ||
+ | | style="background:#333333;" | <nowiki>{{icon|tag kill|9}}</nowiki> | ||
+ | | align="center" valign="middle" | {{icon|tag kill|9|Click to update image.}} | ||
+ | | 9px | ||
+ | |- | ||
+ | | Terrible standing (-10) | ||
+ | | style="background:#333333;" | <nowiki>{{icon|tag -10|9}}</nowiki> | ||
+ | | align="center" valign="middle" | {{icon|tag -10|9|Click to update image.}} | ||
+ | | 9px | ||
+ | |- | ||
+ | | Bad standing (-5) | ||
+ | | style="background:#333333;" | <nowiki>{{icon|tag -5|9}}</nowiki> | ||
+ | | align="center" valign="middle" | {{icon|tag -5|9|Click to update image.}} | ||
+ | | 9px | ||
+ | |- | ||
+ | | Militia (or militia ally) | ||
+ | | style="background:#333333;" | <nowiki>{{icon|tag militia|9}}</nowiki> | ||
+ | | align="center" valign="middle" | {{icon|tag militia|9|Click to update image.}} | ||
+ | | 9px | ||
+ | |- | ||
+ | | Ally in your war | ||
+ | | style="background:#333333;" | <nowiki>{{icon|tag war ally|9}}</nowiki> | ||
+ | | align="center" valign="middle" | {{icon|tag war ally|9|Click to update image.}} | ||
+ | | 9px | ||
+ | |- | ||
+ | | Security status below zero | ||
+ | | style="background:#333333;" | <nowiki>{{icon|tag below zero|9}}</nowiki> | ||
+ | | align="center" valign="middle" | {{icon|tag below zero|9|Click to update image.}} | ||
+ | | 9px | ||
+ | |- | ||
+ | | Neutral standing (0) | ||
+ | | style="background:#333333;" | <nowiki>{{icon|tag neutral|9}}</nowiki> | ||
+ | | align="center" valign="middle" | {{icon|tag neutral|9|Click to update image.}} | ||
+ | | 9px | ||
+ | |- | ||
+ | | Interactable agent | ||
+ | | style="background:#333333;" | <nowiki>{{icon|tag agent|9}}</nowiki> | ||
+ | | align="center" valign="middle" | {{icon|tag agent|9|Click to update image.}} | ||
+ | | 9px | ||
+ | |- | ||
+ | | Bounty | ||
+ | | style="background:#333333;" | <nowiki>{{icon|tag bounty|9}}</nowiki> | ||
+ | | align="center" valign="middle" | {{icon|tag bounty|9|Click to update image.}} | ||
+ | | 9px | ||
+ | |- | ||
+ | | No standing | ||
+ | | style="background:#333333;" | <nowiki>{{icon|tag no standing|9}}</nowiki> | ||
+ | | align="center" valign="middle" | {{icon|tag no standing|9|Click to update image.}} | ||
+ | | 9px | ||
+ | |} | ||
+ | | valign="top" | | ||
+ | {| class="wikitable" style="font-size:90%;" | ||
+ | ! style="background:#222222;" | Background | ||
+ | ! style="background:#222222;" | Syntax | ||
+ | ! style="background:#222222;" | Icon | ||
+ | ! style="background:#222222;" | Size | ||
+ | |- | ||
+ | | Red | ||
+ | | style="background:#333333;" | <nowiki>{{icon|bg red|9}}</nowiki> | ||
+ | | align="center" valign="middle" | {{icon|bg red|9|Click to update image.}} | ||
+ | | 9px | ||
+ | |- | ||
+ | | Orange | ||
+ | | style="background:#333333;" | <nowiki>{{icon|bg orange|9}}</nowiki> | ||
+ | | align="center" valign="middle" | {{icon|bg orange|9|Click to update image.}} | ||
+ | | 9px | ||
+ | |- | ||
+ | | Purple (dark) | ||
+ | | style="background:#333333;" | <nowiki>{{icon|bg purple dark|9}}</nowiki> | ||
+ | | align="center" valign="middle" | {{icon|bg purple dark|9|Click to update image.}} | ||
+ | | 9px | ||
+ | |- | ||
+ | | Purple (light) | ||
+ | | style="background:#333333;" | <nowiki>{{icon|bg purple light|9}}</nowiki> | ||
+ | | align="center" valign="middle" | {{icon|bg purple light|9|Click to update image.}} | ||
+ | | 9px | ||
+ | |- | ||
+ | | Green | ||
+ | | style="background:#333333;" | <nowiki>{{icon|bg green|9}}</nowiki> | ||
+ | | align="center" valign="middle" | {{icon|bg xxx|9|Click to update image.}} | ||
+ | | 9px | ||
+ | |- | ||
+ | | Blue (dark) | ||
+ | | style="background:#333333;" | <nowiki>{{icon|bg blue dark|9}}</nowiki> | ||
+ | | align="center" valign="middle" | {{icon|bg blue dark|9|Click to update image.}} | ||
+ | | 9px | ||
+ | |- | ||
+ | | Blue (light) | ||
+ | | style="background:#333333;" | <nowiki>{{icon|bg blue light|9}}</nowiki> | ||
+ | | align="center" valign="middle" | {{icon|bg blue light|9|Click to update image.}} | ||
+ | | 9px | ||
+ | |- | ||
+ | | Yellow | ||
+ | | style="background:#333333;" | <nowiki>{{icon|bg yellow|9}}</nowiki> | ||
+ | | align="center" valign="middle" | {{icon|bg yellow|9|Click to update image.}} | ||
+ | | 9px | ||
+ | |- | ||
+ | | Black | ||
+ | | style="background:#333333;" | <nowiki>{{icon|bg black|9}}</nowiki> | ||
+ | | align="center" valign="middle" | {{icon|bg black|9|Click to update image.}} | ||
+ | | 9px | ||
+ | |- | ||
+ | | Grey | ||
+ | | style="background:#333333;" | <nowiki>{{icon|bg grey|9}}</nowiki> | ||
+ | | align="center" valign="middle" | {{icon|bg grey|9|Click to update image.}} | ||
+ | | 9px | ||
+ | |- | ||
+ | | White | ||
+ | | style="background:#333333;" | <nowiki>{{icon|bg white|9}}</nowiki> | ||
+ | | align="center" valign="middle" | {{icon|bg white|9|Click to update image.}} | ||
+ | | 9px | ||
+ | |- | ||
+ | | Turquoise (dark) | ||
+ | | style="background:#333333;" | <nowiki>{{icon|bg turquoise dark|9}}</nowiki> | ||
+ | | align="center" valign="middle" | {{icon|bg turquoise dark|9|Click to update image.}} | ||
+ | | 9px | ||
+ | |- | ||
+ | | Turquoise (light) | ||
+ | | style="background:#333333;" | <nowiki>{{icon|bg turquoise light|9}}</nowiki> | ||
+ | | align="center" valign="middle" | {{icon|bg turquoise light|9|Click to update image.}} | ||
+ | | 9px | ||
+ | |} | ||
+ | | valign="top" | | ||
+ | In order to make icons flashing, include this to your page:<br> | ||
+ | {{code|<pre>{{#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; | ||
+ | } | ||
+ | }}</pre>}} | ||
+ | And then use {{co|violet|<nowiki><span class="flashy">{{icon|war target|9}}</span></nowiki>}} to make it blink, like <span class="flashy">{{icon|tag war|9}}</span> here does. | ||
+ | |} | ||
== Resists & Damages == | == Resists & Damages == | ||
{| class="wikitable" style="font-size:90%;" | {| class="wikitable" style="font-size:90%;" | ||
− | |||
! style="background:#222222;" rowspan="2" | Name /<br>Category | ! style="background:#222222;" rowspan="2" | Name /<br>Category | ||
! style="background:#111111;" colspan="3" | Resists | ! style="background:#111111;" colspan="3" | Resists |
Revision as of 16:36, 7 February 2015
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}}
→ (it will use the default size and no mouse-over tooltip){{icon|||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!}}
→ (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}} | 64px | |
Shield transporter | {{icon|shield transporter}} | 64px | |
Warfare link | {{icon|warfare link}} | 64px |
Attributes
|
Electronic Warfare
Name | Syntax | Icon | Size |
---|---|---|---|
Warp scrambler | {{icon|warp scrambler}} | 64px | |
Warp disruptor | {{icon|warp disruptor}} | 64px | |
Stasis webifier | {{icon|stasis webifier}} | 64px | |
ECM / Jamming | {{icon|ecm}} | Click to update image. | 64px |
Remote ECM burst | {{icon|remote ecm burst}} | 64px | |
Target painter | {{icon|target painter}} | 64px | |
Energy vampire | {{icon|energy vampire}} | 64px | |
Energy neutralizer | {{icon|energy neutralizer}} | 64px | |
Remote sensor dampener | {{icon|sensor damp}} | 64px | |
Track disruptor | {{icon|track disruptor}} | 64px |
Factions
Fitting
Name | Syntax | Icon | Size |
---|---|---|---|
Powergrid | {{icon|powergrid}} | 32px | |
CPU | {{icon|cpu}} | 32px | |
Range | {{icon|range}} | 32px | |
Signature radius | {{icon|sig}} | 32px | |
Velocity | {{icon|velocity}} | 32px | |
Shield | {{icon|shield}} | 32px | |
Armor | {{icon|armor}} | 32px | |
Hull / Structure | {{icon|hull}} | 64px | |
Capacity | {{icon|capacity}} | 64px | |
Sensor resolution | {{icon|sensor resolution}} | 64px | |
Target | {{icon|target}} | 64px | |
Inertia | {{icon|inertia}} | 32px | |
Volume | {{icon|volume}} | 64px | |
Tracking | {{icon|tracking}} | 32px | |
Turret | {{icon|turret}} | 32px | |
Missile | {{icon|missile}} | 32px | |
Turret new | {{icon|turret new}} | 64px | |
Missile new | {{icon|missile new}} | 64px |
Miscellaneous
|
|
Ore, minerals and ice
|
|
|
Overview tags and backgrounds
|
|
In order to make icons flashing, include this to your page:
And then use <span class="flashy">{{icon|war target|9}}</span> to make it blink, like here does. |
Resists & Damages
Name / Category |
Resists | Damages | ||||
---|---|---|---|---|---|---|
Syntax | Icon | Size | Syntax | Icon | Size | |
Electromagnetic | {{icon|em resist}} | 32px | {{icon|em damage}} | 32px | ||
Thermal | {{icon|th resist}} | 32px | {{icon|th damage}} | 32px | ||
Explosive | {{icon|ex resist}} | 32px | {{icon|ex damage}} | 32px | ||
Kinetic | {{icon|ki resist}} | 32px | {{icon|ki damage}} | 32px |
Ships & NPC
Name | Syntax | Icon | Size |
---|---|---|---|
Small target | {{icon|small target|16}} | 16px | |
Medium target | {{icon|medium target|16}} | 16px | |
Large target | {{icon|large target|16}} | 16px | |
Sentry tower | {{icon|sentry tower|16}} | 16px | |
Small neutral | {{icon|small neutral|16}} | 16px | |
Medium neutral | {{icon|medium neutral|16}} | 16px | |
Large neutral | {{icon|large neutral|16}} | 16px | |
Small player ship | {{icon|small ship|16}} | 16px | |
Medium player ship | {{icon|medium ship|16}} | 16px | |
Large player ship | {{icon|large ship|16}} | Click to update image. | 16px |
Large industrial player ship | {{icon|large industrial ship|16}} | 16px | |
Capital player ship | {{icon|capital ship|16}} | Click to update image. | 16px |
Fighters/Fighter-bombers | {{icon|fighter}} | 64px |
Weapons
|
|