Template:Ability card v2/Card/MainBox: Difference between revisions

From The Deadlock Wiki
Jump to navigation Jump to search
m Fixed vertical misalignment of icons and labels, now with consideration for main box headers
added power increase scaling
Line 4: Line 4:
   <div style="position: relative;">
   <div style="position: relative;">
     <div style="position: absolute; top: -20px; right: -2px">
     <div style="position: absolute; top: -20px; right: -2px">
     {{Ability card v2/Melee mult|{{{scale_value}}}}}
     {{Ability card v2/Card/Melee mult|{{{scale_value}}}}}
     </div>
     </div>
   </div>|
   </div>|
Line 10: Line 10:
   <div style="position: relative;">
   <div style="position: relative;">
     <div style="position: absolute; top: -20px; right: -2px">
     <div style="position: absolute; top: -20px; right: -2px">
     {{Ability card v2/Spirit mult|{{{scale_value}}}}}
     {{Ability card v2/Card/Spirit mult|{{{scale_value}}}}}
    </div>
  </div>|
power_increase =
  <div style="position: relative;">
    <div style="position: absolute; top: -20px; right: -2px">
    {{Ability card v2/Card/Boon mult|{{{scale_value}}}}}
     </div>
     </div>
   </div>}}
   </div>}}
<div style="display:flex; flex-direction:column; flex-grow: 1; justify-content: space-between; {{#switch: {{{scale_type}}} | melee | spirit = background: rgb(42,41,43);
<div style="display:flex; flex-direction:column; flex-grow: 1; justify-content: space-between; {{#switch: {{{scale_type}}} | melee | power_increase | spirit = background: rgb(42,41,43);
background: radial-gradient(circle, rgba(42,41,43,1) 0%, rgba(59,49,69,1) 100%);  |background-color: #2A2A2A}}; text-align: center; border: 3px solid {{#switch: {{{scale_type}}} | melee | spirit = #583D6F | #2A2A2A}}; box-shadow: 0 0 10px {{#switch: {{{scale_type}}} | melee | spirit = #3d2c4d | #2A2A2A}}; border-radius: 1px">
background: radial-gradient(circle, rgba(42,41,43,1) 0%, rgba(59,49,69,1) 100%);  |background-color: #2A2A2A}}; text-align: center; border: 3px solid {{#switch: {{{scale_type}}} | melee | power_increase | spirit = #583D6F | #2A2A2A}}; box-shadow: 0 0 10px {{#switch: {{{scale_type}}} | melee| power_increase | spirit = #3d2c4d | #2A2A2A}}; border-radius: 1px">
   <div style="font-weight: bold;">
   <div style="font-weight: bold;">
{{Icon/{{{icon_color|Grey}}}|
{{Icon/{{{icon_color|Grey}}}|

Revision as of 16:49, 24 May 2025

Template documentation [view] [edit] [history] [purge]

Display element for a main ability attribute, of which heroes usually have between 1 and 3 in their ability cards

Template parameters[Edit template data]

ParameterDescriptionTypeStatus
valuevalue

Display value of the attribute

Example
23.5
Numberrequired
keykey

Will retrieve the attribute label from localization data based on the current selected language using "<key>_label"

Stringsuggested
labellabel

Display label for attribute. Will override the use of "key" argument

Stringoptional
typetype

Attribute type - used to automatically retrieve the icon's image, link, size (but not color)

Suggested values
bullet_armor_up bullet_armor_down cast charges damage bullet_damage fire_rate healing health move_speed range tech_armor_up tech_damage distance duration slow
Example
damage
Stringsuggested
scale_typescale_type

Type of attribute scaling

Suggested values
spirit melee power_increase weapon_damage_increase weapon_power
Example
spirit
Stringoptional
scale_valuescale_value

Multiplier for the scaling

Example
0.5
Numberoptional
titletitle

Title that appears above the container

Example
On Hit:
Stringoptional
icon_coloricon_color

Color of the attribute icon

Suggested values
Grey Brown Purple
Default
Grey
Example
Brown
Stringoptional
iconicon

Icon's image name. Overridden by image found via "type" parameter

Example
Damage_heart.png
Stringoptional
icon_sizeicon_size

Icon's size. Overridden by size retrieved via "type" parameter

Example
12px
Stringoptional
icon_linkicon_link

Icon's hyperlink. Overridden by link retrieved via "type" parameter

Stringoptional