Template:AbilityCircle: Difference between revisions

LVL (talk | contribs)
Fixed some icons appearing white.
replace image with AbilityIcon
 
(3 intermediate revisions by 2 users not shown)
Line 2: Line 2:
<div class="abilityImage" style="display:inline-block; width:{{{bgsize|128}}}px; height:{{{bgsize|128}}}px;">
<div class="abilityImage" style="display:inline-block; width:{{{bgsize|128}}}px; height:{{{bgsize|128}}}px;">
<div style="position:absolute; filter: invert(42%) sepia(10%) saturate(2912%) hue-rotate(-40deg) brightness(190%) contrast(77%);">[[File:Passive ability frame.png|{{{bgsize|128}}}x{{{bgsize|128}}}px|link=]]</div>
<div style="position:absolute; filter: invert(42%) sepia(10%) saturate(2912%) hue-rotate(-40deg) brightness(190%) contrast(77%);">[[File:Passive ability frame.png|{{{bgsize|128}}}x{{{bgsize|128}}}px|link=]]</div>
<div class="ability-icon" style="width:100%; height:100%; display:flex; flex-direction:column; justify-content:center; filter: brightness(0);">
<div class="ability-icon" style="width:100%; height:100%; display:flex; flex-direction:column; justify-content:center; text-align:center; filter: brightness(0);">
{{#if:{{{displayicon|}}}|[[File:{{{displayicon}}}|{{{iconsize|90}}}x{{{iconsize|90}}}px|middle|center|link=]]|[[File:{{{name|Smoke Bomb}}}.png|link=|{{{iconsize|90}}}x{{{iconsize|90}}}px|middle|center]]}}
{{#if:{{{displayicon|}}}|{{AbilityIcon|{{{displayicon}}}|icon-only=true|size={{{iconsize|90}}}px}}|{{AbilityIcon|{{{name|Smoke Bomb}}}|icon-only=true|size={{{iconsize|90}}}px}}}}
</div>
</div>
</div>
</div>
</onlyinclude>
</onlyinclude><noinclude>
 
{{Documentation}}
Isolated port of the ability circle and background from [[Template:Ability card]]. Intended for use on [[Heroes]].
 
{{AbilityCircle|name=Siphon Life}} {{AbilityCircle|name=Shoulder Charge}} {{AbilityCircle|name=Infernal Resilience}} {{AbilityCircle|name=Seismic Impact}}
<noinclude>
<templatedata>
{
"params": {
"displayicon": {
"description": "Use if the ability icon has a different name or uses another icon.",
"example": "Smoke Bomb.png"
},
"iconsize": {
"description": "Size of the whole icon. Defaults to 90",
"example": "20",
"default": "90"
},
"name": {
"description": "Name of the ability",
"example": "Smoke Bomb",
"required": true
},
"bgsize": {
"description": "Size of the background circle. Should almost always be larger than the icon",
"example": "128"
}
},
"paramOrder": [
"name",
"iconsize",
"bgsize",
"displayicon"
]
}
</templatedata>
</noinclude>
</noinclude>