Template:StatTable: Difference between revisions

Revision as of 04:00, 19 May 2025

Usage

{{StatTable
 |HP=80 |Attack=82 |Defense=83 |SpAtk=100 |SpDef=100 |Speed=80
 |frame=#78C850   <!-- optional border colour -->
}}

@@ Line 1: / Line 1: @@
 <includeonly><templatestyles src="Template:StatTable/styles.css"/>
-<div class="statbox">
+<div class="statbox"><table style="--frame:{{{frame|#444}}}">
-<table style="--frame:{{{frame|#444}}}">
-<!-- helper to avoid repetition -->
+<tr class="row-hp">
-{{#vardefine:Row
+  <th>HP:</th>
-|<tr class="row-{{{1}}}">
+  <td class="val">{{{HP}}}</td>
-| <th>{{{2}}}:</th>
+  <td class="bar"><div class="fill"
-| <td class="val">{{{3}}}</td>
+        style="width:{{#expr: {{{HP}}} * 100 / 255 round 0}}%"></div></td>
-| <td class="bar"><div class="fill" style="width:{{#expr: round({{{3}}} * 100 / 255 ,0)}}%"></div></td>
+</tr>
-|</tr>
+<tr class="row-atk">
-}}
+  <th>Attack:</th>
+  <td class="val">{{{Attack}}}</td>
-<!-- six stats -->
+  <td class="bar"><div class="fill"
-{{#var:Row|hp |HP         |{{{HP}}}    }}
+        style="width:{{#expr: {{{Attack}}} * 100 / 255 round 0}}%"></div></td>
-{{#var:Row|atk|Attack     |{{{Attack}}}}}
+</tr>
-{{#var:Row|def|Defense    |{{{Defense}}}}}
+<tr class="row-def">
-{{#var:Row|spa|Sp.&nbsp;Atk|{{{SpAtk}}} }}
+  <th>Defense:</th>
-{{#var:Row|spd|Sp.&nbsp;Def|{{{SpDef}}} }}
+  <td class="val">{{{Defense}}}</td>
-{{#var:Row|spe|Speed      |{{{Speed}}}  }}
+  <td class="bar"><div class="fill"
+        style="width:{{#expr: {{{Defense}}} * 100 / 255 round 0}}%"></div></td>
+</tr>
+<tr class="row-spa">
+  <th>Sp.&nbsp;Atk:</th>
+  <td class="val">{{{SpAtk}}}</td>
+  <td class="bar"><div class="fill"
+        style="width:{{#expr: {{{SpAtk}}} * 100 / 255 round 0}}%"></div></td>
+</tr>
+<tr class="row-spd">
+  <th>Sp.&nbsp;Def:</th>
+  <td class="val">{{{SpDef}}}</td>
+  <td class="bar"><div class="fill"
+        style="width:{{#expr: {{{SpDef}}} * 100 / 255 round 0}}%"></div></td>
+</tr>
+<tr class="row-spe">
+  <th>Speed:</th>
+  <td class="val">{{{Speed}}}</td>
+  <td class="bar"><div class="fill"
+        style="width:{{#expr: {{{Speed}}} * 100 / 255 round 0}}%"></div></td>
+</tr>
-<!-- total row -->
 <tr>
    <th class="total-lab">Total:</th>
@@ Line 28: / Line 46: @@
 </tr>
-</table>
+</table></div></includeonly><noinclude>
-</div></includeonly><noinclude>
 ==Usage==
 <pre>{{StatTable

Template:StatTable: Difference between revisions

Revision as of 04:00, 19 May 2025

Usage

Navigation menu