Template:SkillIcon: Difference between revisions

Jump to navigation Jump to search
Content added Content deleted
(Vertically centered icon in SkillTables)
(Support replacement skill icons)
Line 1: Line 1:
<includeonly>
<includeonly>
<div style="{{#ifeq:{{{relative|}}}|{{{relative}}}| display:inline-block; position:relative; | position:absolute; top:50%; left:0.4em; transform: translateY(-50%); float:left; }} height:{{{size|64}}}px; width:{{{size|64}}}px; overflow:hidden; margin:0; padding:0; line-height: 1;">
<div style="{{#ifeq:{{{relative|}}}|{{{relative}}}| display:inline-block; position:relative; | position:absolute; top:50%; left:0.4em; transform: translateY(-50%); float:left; }} height:{{{size|64}}}px; width:{{{size|64}}}px; overflow:visible; margin:0; padding:0; line-height: 1;">
<div style="position:absolute; z-index:1; top:0px; left:0px; margin:0; padding:0;">
<div style="position:absolute; z-index:1; top:0px; left:0px; margin:0; padding:0;">
[[File:SkillIcon_Background_{{{1}}}.svg|{{{size|64}}}x{{{size|64}}}px|center|frameless|link=]]
[[File:SkillIcon_Background_{{{1}}}{{#ifeq: {{{3|}}} | plus | _Plus }}.svg|x{{{size|64}}}px|center|frameless|link=]]
</div>
</div>
<div style="position:absolute; z-index:2; margin:1px; padding:0;">
<div style="position:absolute; z-index:2; margin:1px; padding:0;">
Line 11: Line 11:
== Function ==
== Function ==


<nowiki>{{SkillIcon|DamageType(Explosive/Penetration/Mystic)|IconName[|size=64][|relative=]}}</nowiki>
<nowiki>{{SkillIcon|DamageType(Explosive/Penetration/Mystic)|IconName[|plus][|size=64][|relative=]}}</nowiki>


Outputs skill icon with relevant background, for use with [[Template:SkillTable]] and [[Template:EXSkillTable]]. Case sensitive.
Outputs skill icon with relevant background, for use with [[Template:SkillTable]] and [[Template:EXSkillTable]]. Case sensitive.
Line 21: Line 21:


<nowiki>{{SkillIcon|Explosive|COMMON_SKILLICON_BARRIER|size=32}}</nowiki>
<nowiki>{{SkillIcon|Explosive|COMMON_SKILLICON_BARRIER|size=32}}</nowiki>
<div style="clear:both; position:relative; height:32px">
<div style="clear:both; position:relative; height:64px">
{{SkillIcon|Explosive|COMMON_SKILLICON_BARRIER|size=32}}
{{SkillIcon|Explosive|COMMON_SKILLICON_BARRIER|size=32}}
</div>
</div>



<nowiki>{{SkillIcon|Explosive|COMMON_SKILLICON_BARRIER|size=100}}</nowiki>
<nowiki>{{SkillIcon|Explosive|COMMON_SKILLICON_BARRIER|size=100}}</nowiki>
Line 30: Line 29:
{{SkillIcon|Explosive|COMMON_SKILLICON_BARRIER|size=100}}
{{SkillIcon|Explosive|COMMON_SKILLICON_BARRIER|size=100}}
</div>
</div>


=== Replacement skill version ===
<nowiki>{{SkillIcon|Explosive|COMMON_SKILLICON_BARRIER|plus}}</nowiki>
<div style="clear:both; position:relative; height:32px">
{{SkillIcon|Explosive|COMMON_SKILLICON_BARRIER|plus}}
</div>



=== Relative positioning ===
=== Relative positioning ===