User:Saag/AbilityCircle: Difference between revisions

From Deadlock Wiki
Jump to navigation Jump to search
Saag (talk | contribs)
No edit summary
Saag (talk | contribs)
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="popover__wrapper">
               <div class="ability-icon popover-wrapper nopreview"
                <div class="ability-icon"
                 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:{{{name|Smoke Bomb}}}.png|link=|{{{iconsize|90}}}x{{{iconsize|90}}}px|middle|center]]}}
                 {{#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>
              </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 class="popover__content" style="text-align:left">
                  <div style="max-width: 350px; height: 30px"></div>
                   {{Ability card
                   {{#invoke:AbilityData|get_ability_card|{{{hero_name}}}|{{{ability_num}}}|true}}
                  |name=Splatter
              </div>
                  |effect1='''Damage:''' 110 {{ss|1.4}}
                  |description=Throw a ball of goo that '''deals damage''' and leaves puddles of goo behind that apply '''movement slow''' to enemies in the radius.
                  |cooldown=20s
                  |duration=10s
                  |effect2='''Movement Slow:''' 35%
                  |upgrade1='''-6s''' Cooldown
                  |upgrade2='''+70''' Damage and '''+1m''' Radius
                  |upgrade3=Bounces 2 times
                  |radius=5m}}
                </div>
            </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]].


{{AbilityCircle|name=Siphon Life}} {{AbilityCircle|name=Shoulder Charge}} {{AbilityCircle|name=Infernal Resilience}} {{AbilityCircle|name=Seismic Impact}}
{{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"
},
},
"name": {
"hero_name": {
"description": "Name of the ability",
"description": "Name of the Hero",
"example": "Smoke Bomb",
"example": "Bebop",
"required": true
},
        "ability_num": {
"description": "Number of the ability",
"example": "1",
"required": true
"required": true
},
},
Line 54: Line 48:
},
},
"paramOrder": [
"paramOrder": [
"name",
"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.

Template parameters

ParameterDescriptionTypeStatus
hero_namehero_name

Name of the Hero

Example
Bebop
Unknownrequired
ability_numability_num

Number of the ability

Example
1
Unknownrequired
iconsizeiconsize

Size of the whole icon. Defaults to 90

Default
90
Example
20
Unknownoptional
bgsizebgsize

Size of the background circle. Should almost always be larger than the icon

Example
128
Unknownoptional
displayicondisplayicon

Use if the ability icon has a different name or uses another icon.

Example
Smoke Bomb.png
Unknownoptional