Template:AbilityCircle: Difference between revisions

From Deadlock Wiki
Jump to navigation Jump to search
QuinnBinn (talk | contribs)
Copied and modified the ability circle from Template:Ability card to make building another template easier
 
QuinnBinn (talk | contribs)
mNo edit summary
 
(2 intermediate revisions by the same user 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;">
                 style="width:100%; height:100%; display:flex; flex-direction:column; justify-content:center;">
Line 29: Line 29:
"example": "Smoke Bomb",
"example": "Smoke Bomb",
"required": true
"required": true
},
"bgsize": {
"description": "Size of the background circle. Should almost always be larger than the icon",
"example": "128"
}
}
},
},
Line 34: Line 38:
"name",
"name",
"iconsize",
"iconsize",
"bgsize",
"displayicon"
"displayicon"
]
]

Latest revision as of 10:29, 6 September 2024


Isolated port of the ability circle and background from Template:Ability card. Intended for use on Heroes.



No description.

Template parameters[Edit template data]

ParameterDescriptionTypeStatus
namename

Name of the ability

Example
Smoke Bomb
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