Template:SkillIcon/sandbox: Difference between revisions

no edit summary
No edit summary
No edit summary
 
(10 intermediate revisions by the same user not shown)
Line 1:
<includeonly>
<div style="{{#ifeq:{{{relative|}}}|{{{relative}}}| display:inline-block; position:relative; | position:absolute; top:50%; left:0.4em; transform: translateY(-50%); float:left; }} height:{{{heightsize|5064}}}px; width:{{{widthsize|5064}}}px; overflow:hidden; margin:0; padding:0; line-height: 1;">
<div style="position:absolute; z-index:1; top:0px; left:0px; margin:0; padding:0;">
[[File:SkillIcon_Background_{{{1}}}.svg|50x50px{{{size|64}}}x{{{size|64}}}px|center|frameless|link=]]
</div>
<div style="position:absolute; z-index:2; margin:1px; padding:0;">
[[File:{{{2}}}.png|48x48px{{#expr:{{{size|64}}}-2}}x{{#expr:{{{size|64}}}-2}}px|center]]
</div>
</div></includeonly><noinclude>
 
== Function ==
 
<nowiki>{{SkillIcon/sandbox|DamageType(Explosive/Penetration/Mystic)|IconName[|size=64][|relative=]}}</nowiki>
 
Outputs skill icon with relevant background, for use with [[Template:SkillTable]] and [[Template:EXSkillTable]]. Case sensitive.
 
 
=== Icon size ===
 
Use optional size parameter to specify icon size in pixels if needed:
 
<nowiki>{{SkillIcon/sandbox|Explosive|COMMON_SKILLICON_BARRIER|size=32}}</nowiki>
<div style="clear:both; position:relative; height:32px">
{{SkillIcon/sandbox|Explosive|COMMON_SKILLICON_BARRIER|size=32}}
</div>
</includeonly>
<noinclude>
{{Documentation}}
<nowiki>{{SkillIcon|DamageType(Explosive/Penetration/Mystic)|IconName}}</nowiki>
 
 
wip, see [[Template:SkillIcon/testcases]] for usage examples
<nowiki>{{SkillIcon/sandbox|Explosive|COMMON_SKILLICON_BARRIER|size=100}}</nowiki>
<div style="clear:both; position:relative; height:100px">
{{SkillIcon/sandbox|Explosive|COMMON_SKILLICON_BARRIER|size=100}}
</div>
 
=== Relative positioning ===
<nowiki>{{SkillIcon/sandbox|Explosive|COMMON_SKILLICON_BURNNIG|relative=}}</nowiki>
Disables vertical centering through absolute position {{SkillIcon/sandbox|Explosive|COMMON_SKILLICON_BURNNIG|relative=}}
 
 
== Icon names reference ==
=== Common skills ===
{{#dpl:
|namespace = File
|titlematch = COMMON_SKILLICON_%
|ordermethod = title
|includesubpages = true
|mode = inline
|format = ,,<div style="display:inline-flex; align-items:center; width:300px; height:70px; position:relative; padding-left: 74px; margin:5px; word-break: break-all;">{{SkillIcon/sandbox|Explosive|²{#replace:²{#explode:%TITLE%¦.}²¦ ¦_}²}} ²{#replace:²{#explode:%TITLE%¦.}²¦ ¦_}²</div>,
}}
 
=== Character-specific skills ===
{{#dpl:
|namespace = File
|titlematch = SKILLICON_%
|ordermethod = title
|includesubpages = true
|mode = inline
|format = ,,<div style="display:inline-flex; align-items:center; width:300px; height:70px; position:relative; padding-left: 74px; margin:5px; word-break: break-all;">{{SkillIcon/sandbox|Explosive|²{#replace:²{#explode:%TITLE%¦.}²¦ ¦_}²}} ²{#replace:²{#explode:%TITLE%¦.}²¦ ¦_}²</div>,
}}
 
 
If you can't find the icon you are looking for here, try purging this pages' cache! [[File:Student Portrait Cherino.png|20px|frameless]]
 
</noinclude>