Template:Infobox stat: Difference between revisions
Created page with "<includeonly> <div class="stat-box"> <div class="stat-box-content" style=" 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); "> <!-- Centered Icon and Label --> [[File:{{Lang|key={{{box_name}}}|lang_code=en}}_icon.png|40px|center|class=stat-box-icon|link=]] <div class="stat-box-label">{{Lang|key={{{box_name}}}}}</div> </div>..." |
m stat-box > stat-infobox |
||
| Line 1: | Line 1: | ||
<includeonly> | <includeonly> | ||
<div class="stat- | <div class="stat-infobox"> | ||
<div class="stat- | <div class="stat-infobox-content" 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); | ||
"> | "> | ||
<!-- Centered Icon and Label --> | <!-- Centered Icon and Label --> | ||
[[File:{{Lang|key={{{box_name}}}|lang_code=en}}_icon.png|40px|center|class=stat- | [[File:{{Lang|key={{{box_name}}}|lang_code=en}}_icon.png|40px|center|class=stat-infobox-icon|link=]] | ||
<div class="stat- | <div class="stat-infobox-label">{{Lang|key={{{box_name}}}}}</div> | ||
</div> | </div> | ||
<div class="stat- | <div class="stat-infobox-hover" 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)); | ||
"> | "> | ||
<!-- Table inside hidden box --> | <!-- Table inside hidden box --> | ||
<table class="stat- | <table class="stat-infobox-table"> | ||
{{#invoke: TableGenerator | generateHtmlTable | cols={{{num_cols}}} | only_body=true | class=Statbox_hero | cell_values={{{cell_values}}} }} | {{#invoke: TableGenerator | generateHtmlTable | cols={{{num_cols}}} | only_body=true | class=Statbox_hero | cell_values={{{cell_values}}} }} | ||
</table> | </table> | ||
Revision as of 02:12, 22 September 2024
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
| 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.
| Parameter | Description | Type | Status | |
|---|---|---|---|---|
| box_name | box_name | Unlocalized name of the Infobox_stat which will be localized to both the label and the image.
| String | optional |
| box_rgb | box_rgb | RGB values for the box, comma separated. RGBA is not supported, as the alpha channel is modified by the template.
| String | optional |
| num_cols | num_cols | Number of columns in the table.
| Number | optional |
| cell_values | cell_values | Number of cell values, comma separated (no space after comma). Rows are added automatically based on the number of cell values and columns.
| String | optional |