Template:Infobox stat: Difference between revisions

From Deadlock Wiki
Jump to navigation Jump to search
Sur (talk | contribs)
m stat-box > stat-infobox
Sur (talk | contribs)
m workable state
Line 1: Line 1:
<includeonly>
<includeonly>
<div class="stat-infobox">
<div style="text-align: center;"> <!-- Centering the whole content -->
     <div class="stat-infobox-content" style="
     <div style="
         background: linear-gradient(135deg, rgba({{{box_rgb}}}, 0.5), rgba({{{box_rgb}}}, 0.1));
         background: linear-gradient(135deg, rgba({{{box_rgb}}}, 0.5), rgba({{{box_rgb}}}, 0.1));
         box-shadow: inset 0 0 0 4px rgba({{{box_rgb}}}, 0.9);
         box-shadow: inset 0 0 0 4px rgba({{{box_rgb}}}, 0.9);
        display: flex; /* Using flexbox to align items */
        justify-content: center; /* Centering items horizontally */
        align-items: center; /* Centering vertically */
        padding: 5px; /* Adding some padding */
        width: fit-content; /* Making the container small */
        margin: auto; /* Centering the container */
     ">
     ">
         <!-- Centered Icon and Label -->
         <!-- Label to the left of Icon -->
         [[File:{{Lang|key={{{box_name}}}|lang_code=en}}_icon.png|40px|center|class=stat-infobox-icon|link=]]
        <div style="font-family: 'Retail Demo', sans-serif; font-size: 1.5em; margin-right: 5px;">{{Lang|key={{{box_name}}}}}</div>
        <div class="stat-infobox-label">{{Lang|key={{{box_name}}}}}</div>
         [[File:{{Lang|key={{{box_name}}}|lang_code=en}}_icon.png|40px|center|link=]]
     </div>
     </div>
     <div class="stat-infobox-hover" style="
     <div style="
         background: linear-gradient(135deg, rgba({{{box_rgb}}}, 0.5), rgba({{{box_rgb}}}, 0.25));
         background: linear-gradient(135deg, rgba({{{box_rgb}}}, 0.5), rgba({{{box_rgb}}}, 0.25));
     ">
     ">

Revision as of 19:45, 22 September 2024

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

Overview

A hero stat infobox is created similar to the display seen in the shop when hovering over each stat category (Weapon, Vitality, Spirit).

When hovered, a box appears to the right that contains a table with specified cell values, preferably containing an icon, stat prefix, value, postfix, and name.

Examples

{{Infobox_stat
|box_name = CitadelCategoryWeapon
|box_rgb = 213, 144, 63
|num_cols = 2
|cell_values = 800 MaxHealth,2 BaseHealthRegen,10 DPS
}}


Outputs


Weapon
800 MaxHealth 2 BaseHealthRegen
10 DPS


See Module:HeroData which creates all 3 for a given hero dynamically using their stats and scalings

Parameters

box_name: See Data:Lang_en.json for all english localization keys; ensure the box_name is a key that can be localized

No description.

Template parameters[Edit template data]

ParameterDescriptionTypeStatus
box_namebox_name

Unlocalized name of the Infobox_stat which will be localized to both the label and the image.

Example
CitadelCategoryWeapon
Stringoptional
box_rgbbox_rgb

RGB values for the box, comma separated. RGBA is not supported, as the alpha channel is modified by the template.

Example
255,255,255
Stringoptional
num_colsnum_cols

Number of columns in the table.

Default
3
Example
3
Numberoptional
cell_valuescell_values

Number of cell values, comma separated (no space after comma). Rows are added automatically based on the number of cell values and columns.

Example
800 MaxHealth,2 BaseHealthRegen,10 DPS
Stringoptional