Template:AbilityCircle: Difference between revisions

QuinnBinn (talk | contribs)
Copied and modified the ability circle from Template:Ability card to make building another template easier
 
replace image with AbilityIcon
 
(7 intermediate revisions by 3 users not shown)
Line 1: Line 1:
<onlyinclude>
<onlyinclude>
<div class="abilityImage" style="display:inline-block; width:128px; height:128px;">
<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|128x128px|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"
<div class="ability-icon" style="width:100%; height:100%; display:flex; flex-direction:column; justify-content:center; text-align:center; filter: brightness(0);">
                style="width:100%; height:100%; display:flex; flex-direction:column; justify-content:center;">
{{#if:{{{displayicon|}}}|{{AbilityIcon|{{{displayicon}}}|icon-only=true|size={{{iconsize|90}}}px}}|{{AbilityIcon|{{{name|Smoke Bomb}}}|icon-only=true|size={{{iconsize|90}}}px}}}}
                {{#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]]}}
</div>
              </div>
</div>
            </div>
</onlyinclude><noinclude>
</onlyinclude>
{{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
}
},
"paramOrder": [
"name",
"iconsize",
"displayicon"
]
}
</templatedata>
</noinclude>
</noinclude>