Template:Infobox Character: Difference between revisions

Latest revision as of 11:00, 9 December 2025

Template documentation

[view] [edit] [history] [⧼page-header-action-button-purge⧽]

Note: parts of or the entire template might not be visible without values provided.

Main

Documentation

Usage

@@ Line 1: / Line 1: @@
-<noinclude>
+<noinclude>{{Documentation}}</noinclude>
-<templatedata>
+<includeonly>
-{
+<div class="character-infobox" id="character-infobox-{{{name|}}}">
-  "params": {
+    <!-- Header -->
-     "title": {
+    <div class="character-header">
-      "label": "Title",
+        <div class="character-title">{{{name}}}</div>
-      "type": "string",
+        {{#if:{{{title|}}}|<div class="character-subtitle">{{{title}}}</div>}}
-      "default": "Infobox"
+        {{#if:{{{role|}}}|<div class="character-subtitle">{{{role}}}</div>}}
-    },
+    </div>
-    "image": {
-      "label": "Image URL",
+    <!-- Image -->
-      "type": "string"
+    {{#if:{{{image|}}}|<div class="character-image">
-     },
+        [[File:{{{image}}}|300px|alt={{{name}}} - {{{caption|{{{name}}}}}}]]
-     "heart": {
+        {{#if:{{{caption|}}}|<div style="text-align:center;font-size:12px;margin-top:5px;">{{{caption}}}</div>}}
-      "label": "Base Heart",
+    </div>}}
-      "type": "string"
-    },
+    <!-- Quick Facts -->
-    "damage": {
+     <div class="character-section">
-      "label": "Damage",
+        <div class="section-title">Quick Facts</div>
-      "type": "string"
-    },
+        {{#if:{{{species|}}}|<div class="quick-fact">
-    "speed": {
+            <span class="fact-label">Species:</span>
-      "label": "Speed",
+            <span class="fact-value">{{{species}}}</span>
-      "type": "string"
+        </div>}}
-    },
-    "shield": {
+        {{#if:{{{type|}}}|<div class="quick-fact">
-      "label": "Shield",
+            <span class="fact-label">Type:</span>
-      "type": "string"
+            <span class="fact-value">{{{type}}}</span>
-    },
+        </div>}}
-    "description": {
-      "label": "Description",
+        {{#if:{{{health|}}}|<div class="quick-fact">
-      "type": "string"
+            <span class="fact-label">Health:</span>
-    },
+            <span class="fact-value">{{{health}}}</span>
-    "custom": {
+        </div>}}
-      "label": "Custom Content",
-      "type": "string"
+        {{#if:{{{speed|}}}|<div class="quick-fact">
-    }
+            <span class="fact-label">Speed:</span>
-  }
+            <span class="fact-value">{{{speed}}}</span>
-}
+        </div>}}
-</templatedata>
-[[Category:Infobox_templates]]
+        {{#if:{{{size|}}}|<div class="quick-fact">
-[[Category:Templates]]
+            <span class="fact-label">Size:</span>
-</noinclude><includeonly>
+            <span class="fact-value">{{{size}}}</span>
-<div class="infobox-right">
+        </div>}}
-<div class="pi-title">{{{title|Infobox}}}</div>
+     </div>
-<div class="infobox-content">
-{{#if: {{{image|}}} | <div class="pi-image">{{{image}}}</div> }}
+        {{/if}}
-{{#if: {{{heart|}}} | <div class="pi-data"><strong>Base Heart:</strong> {{{heart}}}</div> }}
+    </div>
-{{#if: {{{damage|}}} | <div class="pi-data"><strong>Damage:</strong> {{{damage}}}</div> }}
-{{#if: {{{speed|}}} | <div class="pi-data"><strong>Speed:</strong> {{{speed}}}</div> }}
+    <!-- Tab Contents -->
-{{#if: {{{shield|}}} | <div class="pi-data"><strong>Shield:</strong> {{{shield}}}</div> }}
+     <div class="tab-content active" id="tab-stats">
-{{#if: {{{description|}}} | <div class="pi-data"><strong>Description:</strong> {{{description}}}</div> }}
+        <div class="section-title">Character Stats</div>
-{{{custom|}}}
-</div>
+        {{#if:{{{attack_power|}}}|<div class="stat-row">
+            <span class="stat-label">Attack:</span>
+            <div class="stat-bar-container">
+                <div class="stat-bar" data-value="{{{attack_power}}}"></div>
+            </div>
+        </div>}}
+        {{#if:{{{defense|}}}|<div class="stat-row">
+            <span class="stat-label">Defense:</span>
+            <div class="stat-bar-container">
+                <div class="stat-bar" data-value="{{{defense}}}"></div>
+            </div>
+        </div>}}
+        {{#if:{{{mobility|}}}|<div class="stat-row">
+            <span class="stat-label">Mobility:</span>
+            <div class="stat-bar-container">
+                <div class="stat-bar" data-value="{{{mobility}}}"></div>
+            </div>
+        </div>}}
+        {{#if:{{{utility|}}}|<div class="stat-row">
+            <span class="stat-label">Utility:</span>
+            <div class="stat-bar-container">
+                <div class="stat-bar" data-value="{{{utility}}}"></div>
+            </div>
+        </div>}}
+        {{#if:{{{difficulty|}}}|<div class="stat-row">
+            <span class="stat-label">Difficulty:</span>
+            <div class="stat-bar-container">
+                <div class="stat-bar" data-value="{{{difficulty}}}"></div>
+            </div>
+        </div>}}
+        {{#if:{{{stats_notes|}}}|<div class="strategy-tip">{{{stats_notes}}}</div>}}
+    </div>
+    <div class="tab-content" id="tab-abilities">
+        <div class="section-title">Abilities</div>
+        {{#if:{{{abilities_table|}}}|{{{abilities_table}}}
+        |<table class="abilities-table">
+            <thead>
+                <tr>
+                    <th>Ability</th>
+                    <th>Description</th>
+                    <th>Cooldown</th>
+                </tr>
+            </thead>
+            <tbody>
+                {{#if:{{{ability1|}}}|<tr>
+                    <td>{{{ability1}}}</td>
+                    <td>{{{ability1_desc|}}}</td>
+                    <td>{{{ability1_cd|}}}</td>
+                </tr>}}
+                {{#if:{{{ability2|}}}|<tr>
+                    <td>{{{ability2}}}</td>
+                    <td>{{{ability2_desc|}}}</td>
+                    <td>{{{ability2_cd|}}}</td>
+                </tr>}}
+                {{#if:{{{ability3|}}}|<tr>
+                    <td>{{{ability3}}}</td>
+                    <td>{{{ability3_desc|}}}</td>
+                    <td>{{{ability3_cd|}}}</td>
+                </tr>}}
+                {{#if:{{{ultimate|}}}|<tr style="background:rgba(107,70,193,0.3);">
+                    <td><strong>{{{ultimate}}}</strong></td>
+                    <td>{{{ultimate_desc|}}}</td>
+                    <td>{{{ultimate_cd|}}}</td>
+                </tr>}}
+            </tbody>
+        </table>}}
+    </div>
+    <div class="tab-content" id="tab-strategy">
+        <div class="section-title">Gameplay Strategy</div>
+        {{#if:{{{strengths|}}}|<div class="strategy-tip">
+            <strong>Strengths:</strong> {{{strengths}}}
+        </div>}}
+        {{#if:{{{weaknesses|}}}|<div class="strategy-tip">
+            <strong>Weaknesses:</strong> {{{weaknesses}}}
+        </div>}}
+        {{#if:{{{playstyle|}}}|<div class="strategy-tip">
+            <strong>Playstyle:</strong> {{{playstyle}}}
+        </div>}}
+        {{#if:{{{tips|}}}|<div class="strategy-tip">
+            <strong>Tips:</strong> {{{tips}}}
+        </div>}}
+        {{#if:{{{counters|}}}|<div class="strategy-tip">
+            <strong>Counters:</strong> {{{counters}}}
+        </div>}}
+        {{#if:{{{synergies|}}}|<div class="strategy-tip">
+            <strong>Synergies:</strong> {{{synergies}}}
+        </div>}}
+    </div>
+    <div class="tab-content" id="tab-lore">
+        <div class="section-title">Background & Lore</div>
+        {{#if:{{{lore|}}}|<div class="lore-text">{{{lore}}}</div>}}
+        {{#if:{{{origin|}}}|<div class="quick-fact">
+            <span class="fact-label">Origin:</span>
+            <span class="fact-value">{{{origin}}}</span>
+        </div>}}
+        {{#if:{{{alignment|}}}|<div class="quick-fact">
+            <span class="fact-label">Alignment:</span>
+            <span class="fact-value">{{{alignment}}}</span>
+        </div>}}
+        {{#if:{{{personality|}}}|<div class="quick-fact">
+            <span class="fact-label">Personality:</span>
+            <span class="fact-value">{{{personality}}}</span>
+        </div>}}
+    </div>
 </div>
 </includeonly>

Template:Infobox Character: Difference between revisions

Latest revision as of 11:00, 9 December 2025

Navigation menu

Search