User:Saag/AbilityCircle: Difference between revisions
Jump to navigation
Jump to search
No edit summary |
horizontally center popover card |
||
(29 intermediate revisions by the same user not shown) | |||
Line 1: | Line 1: | ||
<onlyinclude> | <onlyinclude> | ||
<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 popover-wrapper nopreview" | |||
style="width:100%; height:100%; display:flex; flex-direction:column; justify-content:center;"> | style="width:100%; height:100%; display:flex; flex-direction:column; justify-content:center;"> | ||
{{#if:{{{displayicon|}}}|[[File:{{{displayicon}}}|{{{iconsize|90}}}x{{{iconsize|90}}}px|middle|center|link=]]|[[File:{{{ | {{#if:{{{displayicon|}}}|[[File:{{{displayicon}}}|{{{iconsize|90}}}x{{{iconsize|90}}}px|middle|center|link=]]|[[File:{{#invoke:AbilityData|get_ability_name|{{{hero_name}}}|{{{ability_num}}}}}.png|link=|{{{iconsize|90}}}x{{{iconsize|90}}}px|middle|center]]}} | ||
</div> | |||
<div class="popover-content" style="position: absolute; margin-left: auto; margin-right: auto; left: 0; right: 0; text-align:left; margin-top: -30px; max-width: 550px; min-width: 320px; width: 50vw; left: 0;"> | |||
<div style="max-width: 350px; height: 30px"></div> | |||
{{ | {{#invoke:AbilityData|get_ability_card|{{{hero_name}}}|{{{ability_num}}}|true}} | ||
</div> | |||
</div> | </div> | ||
</onlyinclude> | </onlyinclude> | ||
Line 29: | Line 17: | ||
Isolated port of the ability circle and background from [[Template:Ability card]]. Intended for use on [[Heroes]]. | Isolated port of the ability circle and background from [[Template:Ability card]]. Intended for use on [[Heroes]]. | ||
{{ | {{User:Saag/HeroRosterCard|Abrams|Ability1=Siphon Life|Ability2=Shoulder Charge|Ability3=Infernal Resilience|Ability4=Seismic Impact}} | ||
<noinclude> | <noinclude> | ||
<templatedata> | <templatedata> | ||
Line 43: | Line 32: | ||
"default": "90" | "default": "90" | ||
}, | }, | ||
" | "hero_name": { | ||
"description": "Name of the ability", | "description": "Name of the Hero", | ||
"example": " | "example": "Bebop", | ||
"required": true | |||
}, | |||
"ability_num": { | |||
"description": "Number of the ability", | |||
"example": "1", | |||
"required": true | "required": true | ||
}, | }, | ||
Line 54: | Line 48: | ||
}, | }, | ||
"paramOrder": [ | "paramOrder": [ | ||
" | "hero_name", | ||
"ability_num", | |||
"iconsize", | "iconsize", | ||
"bgsize", | "bgsize", |
Latest revision as of 16:24, 24 September 2024
Script error: The function "get_ability_card" does not exist.
Isolated port of the ability circle and background from Template:Ability card. Intended for use on Heroes.
Abrams | ||
Charges into close combat | ||
Abrams has the bulk and sustain to lead from the front, often running into the middle of his foes and watching them scatter. If his enemies waste their fire on him, his back-line teammates can lay out damage with impunity. | ||
Script error: The function "get_ability_card" does not exist.
Script error: The function "get_ability_card" does not exist.
Script error: The function "get_ability_card" does not exist.
Script error: The function "get_ability_card" does not exist.
|
No description.
Parameter | Description | Type | Status | |
---|---|---|---|---|
hero_name | hero_name | Name of the Hero
| Unknown | required |
ability_num | ability_num | Number of the ability
| Unknown | required |
iconsize | iconsize | Size of the whole icon. Defaults to 90
| Unknown | optional |
bgsize | bgsize | Size of the background circle. Should almost always be larger than the icon
| Unknown | optional |
displayicon | displayicon | Use if the ability icon has a different name or uses another icon.
| Unknown | optional |