Template:Infobox Character: Difference between revisions

From MB Wiki
Jump to navigation Jump to search
No edit summary
Tag: Reverted
(Undo revision 27361 by Tama07 (talk))
Tag: Undo
 
Line 1: Line 1:
<noinclude>
<noinclude>{{Documentation}}</noinclude>
{{Documentation}}
</noinclude>
<includeonly>
<includeonly>
<div class="mb-character-infobox" data-character="{{{name|}}}">
<div class="character-infobox" id="character-infobox-{{{name|}}}">
     <!-- Header Section -->
     <!-- Header -->
     <div class="mb-character-header">
     <div class="character-header">
         <div class="mb-character-title">{{{name}}}</div>
         <div class="character-title">{{{name}}}</div>
         {{#if:{{{title|}}}|<div class="mb-character-subtitle">{{{title}}}</div>}}
         {{#if:{{{title|}}}|<div class="character-subtitle">{{{title}}}</div>}}
         {{#if:{{{role|}}}|<div class="mb-role-badge">{{{role}}}</div>}}
         {{#if:{{{role|}}}|<div class="character-subtitle">{{{role}}}</div>}}
     </div>
     </div>
      
      
     <!-- Character Image -->
     <!-- Image -->
     <div class="mb-character-image">
     {{#if:{{{image|}}}|<div class="character-image">
        {{#if:{{{image|}}}}
        [[File:{{{image}}}|300px|alt={{{name}}} - {{{caption|{{{name}}}}}}]]
            [[File:{{{image}}}|300px|alt={{{name}}} - {{{caption|{{{name}}}}}}]]
         {{#if:{{{caption|}}}|<div style="text-align:center;font-size:12px;margin-top:5px;">{{{caption}}}</div>}}
        {{/if}}
     </div>}}
         {{#if:{{{caption|}}}|<div class="mb-image-caption">{{{caption}}}</div>}}
     </div>
      
      
     <!-- Quick Information -->
     <!-- Quick Facts -->
     <div class="mb-quick-info">
     <div class="character-section">
         {{#if:{{{full_name|}}}|<div class="mb-info-row">
         <div class="section-title">Quick Facts</div>
            <span class="mb-info-label">Full Name:</span>
            <span class="mb-info-value">{{{full_name}}}</span>
        </div>}}
          
          
         {{#if:{{{species|}}}|<div class="mb-info-row">
         {{#if:{{{species|}}}|<div class="quick-fact">
             <span class="mb-info-label">Species:</span>
             <span class="fact-label">Species:</span>
             <span class="mb-info-value">{{{species}}}</span>
             <span class="fact-value">{{{species}}}</span>
         </div>}}
         </div>}}
          
          
         {{#if:{{{age|}}}|<div class="mb-info-row">
         {{#if:{{{type|}}}|<div class="quick-fact">
             <span class="mb-info-label">Age:</span>
             <span class="fact-label">Type:</span>
             <span class="mb-info-value">{{{age}}}</span>
             <span class="fact-value">{{{type}}}</span>
         </div>}}
         </div>}}
          
          
         {{#if:{{{height|}}}|<div class="mb-info-row">
         {{#if:{{{health|}}}|<div class="quick-fact">
             <span class="mb-info-label">Height:</span>
             <span class="fact-label">Health:</span>
             <span class="mb-info-value">{{{height}}}</span>
             <span class="fact-value">{{{health}}}</span>
         </div>}}
         </div>}}
          
          
         {{#if:{{{weight|}}}|<div class="mb-info-row">
         {{#if:{{{speed|}}}|<div class="quick-fact">
             <span class="mb-info-label">Weight:</span>
             <span class="fact-label">Speed:</span>
             <span class="mb-info-value">{{{weight}}}</span>
             <span class="fact-value">{{{speed}}}</span>
         </div>}}
         </div>}}
          
          
         {{#if:{{{affiliation|}}}|<div class="mb-info-row">
         {{#if:{{{size|}}}|<div class="quick-fact">
             <span class="mb-info-label">Affiliation:</span>
             <span class="fact-label">Size:</span>
             <span class="mb-info-value">{{{affiliation}}}</span>
             <span class="fact-value">{{{size}}}</span>
        </div>}}
       
        {{#if:{{{weapon|}}}|<div class="mb-info-row">
            <span class="mb-info-label">Weapon:</span>
            <span class="mb-info-value">{{{weapon}}}</span>
         </div>}}
         </div>}}
     </div>
     </div>
      
      
     <!-- Game Stats Grid -->
        {{/if}}
     <div class="mb-stats-grid">
    </div>
         {{#if:{{{health|}}}|<div class="mb-stat-item">
   
             <div class="mb-stat-label">Health</div>
     <!-- Tab Contents -->
             <div class="mb-stat-value">{{{health}}}</div>
     <div class="tab-content active" id="tab-stats">
             <div class="mb-stat-subtext">HP</div>
        <div class="section-title">Character Stats</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>}}
         </div>}}
          
          
         {{#if:{{{attack|}}}|<div class="mb-stat-item">
         {{#if:{{{defense|}}}|<div class="stat-row">
             <div class="mb-stat-label">Attack</div>
             <span class="stat-label">Defense:</span>
             <div class="mb-stat-value">{{{attack}}}</div>
             <div class="stat-bar-container">
             <div class="mb-stat-subtext">ATK</div>
                <div class="stat-bar" data-value="{{{defense}}}"></div>
             </div>
         </div>}}
         </div>}}
          
          
         {{#if:{{{defense|}}}|<div class="mb-stat-item">
         {{#if:{{{mobility|}}}|<div class="stat-row">
             <div class="mb-stat-label">Defense</div>
             <span class="stat-label">Mobility:</span>
             <div class="mb-stat-value">{{{defense}}}</div>
             <div class="stat-bar-container">
             <div class="mb-stat-subtext">DEF</div>
                <div class="stat-bar" data-value="{{{mobility}}}"></div>
             </div>
         </div>}}
         </div>}}
          
          
         {{#if:{{{speed|}}}|<div class="mb-stat-item">
         {{#if:{{{utility|}}}|<div class="stat-row">
             <div class="mb-stat-label">Speed</div>
             <span class="stat-label">Utility:</span>
             <div class="mb-stat-value">{{{speed}}}</div>
             <div class="stat-bar-container">
             <div class="mb-stat-subtext">SPD</div>
                <div class="stat-bar" data-value="{{{utility}}}"></div>
             </div>
         </div>}}
         </div>}}
          
          
         {{#if:{{{stamina|}}}|<div class="mb-stat-item">
         {{#if:{{{difficulty|}}}|<div class="stat-row">
             <div class="mb-stat-label">Stamina</div>
             <span class="stat-label">Difficulty:</span>
             <div class="mb-stat-value">{{{stamina}}}</div>
             <div class="stat-bar-container">
             <div class="mb-stat-subtext">STA</div>
                <div class="stat-bar" data-value="{{{difficulty}}}"></div>
             </div>
         </div>}}
         </div>}}
          
          
         {{#if:{{{crit_rate|}}}|<div class="mb-stat-item">
         {{#if:{{{stats_notes|}}}|<div class="strategy-tip">{{{stats_notes}}}</div>}}
            <div class="mb-stat-label">Crit Rate</div>
            <div class="mb-stat-value">{{{crit_rate}}}%</div>
            <div class="mb-stat-subtext">Critical</div>
        </div>}}
     </div>
     </div>
      
      
    <!-- Tabs Navigation -->
     <div class="tab-content" id="tab-abilities">
     <div class="mb-tabs-nav">
         <div class="section-title">Abilities</div>
         <button class="mb-tab-btn active" data-tab="tab-overview">Overview</button>
          
         <button class="mb-tab-btn" data-tab="tab-abilities">Abilities</button>
        {{#if:{{{abilities_table|}}}|{{{abilities_table}}}
        <button class="mb-tab-btn" data-tab="tab-strategy">Strategy</button>
        |<table class="abilities-table">
        <button class="mb-tab-btn" data-tab="tab-lore">Lore</button>
            <thead>
        <button class="mb-tab-btn" data-tab="tab-appearance">Appearance</button>
                <tr>
        {{#if:{{{gallery|}}}|<button class="mb-tab-btn" data-tab="tab-gallery">Gallery</button>}}
                    <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>
      
      
    <!-- Tab Contents -->
     <div class="tab-content" id="tab-strategy">
   
         <div class="section-title">Gameplay Strategy</div>
    <!-- Overview Tab -->
     <div class="mb-tab-content active" id="tab-overview">
         <div class="mb-lore-box">
            <div class="mb-lore-title">Character Overview</div>
            <div class="mb-lore-content">{{{overview|{{{description|"No overview provided."}}}}}}</div>
        </div>
          
          
        <!-- Difficulty Rating -->
         {{#if:{{{strengths|}}}|<div class="strategy-tip">
         {{#if:{{{difficulty|}}}|<div style="margin: 20px 0;">
             <strong>Strengths:</strong> {{{strengths}}}
             <div style="font-weight:bold;color:#3498db;margin-bottom:8px;">Difficulty:</div>
            <div class="mb-difficulty-container" data-difficulty="{{{difficulty}}}"></div>
         </div>}}
         </div>}}
          
          
        <!-- Playstyle -->
         {{#if:{{{weaknesses|}}}|<div class="strategy-tip">
         {{#if:{{{playstyle|}}}|<div class="mb-tip-box">
             <strong>Weaknesses:</strong> {{{weaknesses}}}
             <div class="mb-tip-title">Playstyle</div>
            <div class="mb-tip-content">{{{playstyle}}}</div>
         </div>}}
         </div>}}
          
          
        <!-- Progression -->
         {{#if:{{{playstyle|}}}|<div class="strategy-tip">
         {{#if:{{{progression|}}}|<div style="margin-top:20px;">
             <strong>Playstyle:</strong> {{{playstyle}}}
             <div style="font-weight:bold;color:#3498db;margin-bottom:12px;">Character Progression:</div>
            <div style="background:rgba(30,40,60,0.7);padding:15px;border-radius:8px;font-size:14px;">
                {{{progression}}}
            </div>
         </div>}}
         </div>}}
    </div>
   
    <!-- Abilities Tab -->
    <div class="mb-tab-content" id="tab-abilities">
        <div class="mb-lore-title">Character Abilities</div>
          
          
        <!-- Basic Attack -->
         {{#if:{{{tips|}}}|<div class="strategy-tip">
         {{#if:{{{basic_attack|{{{ability1|}}}}}}}
             <strong>Tips:</strong> {{{tips}}}
        <div class="mb-ability-card">
         </div>}}
            <div class="mb-ability-header">
                <div class="mb-ability-name">
                    <span class="mb-ability-icon">A</span>
                    {{{basic_attack|{{{ability1}}}}}}
                </div>
                {{#if:{{{basic_cd|{{{ability1_cd|}}}}}}}
                <div class="mb-ability-cooldown">{{{basic_cd|{{{ability1_cd}}}}}}s</div>
                {{/if}}
            </div>
             <div class="mb-ability-desc">{{{basic_desc|{{{ability1_desc|"Basic attack ability."}}}}}}</div>
            {{#if:{{{basic_damage|{{{ability1_damage|}}}}}}}
            <div class="mb-ability-stats">
                <div class="mb-ability-stat">
                    <div class="mb-ability-stat-label">Damage</div>
                    <div class="mb-ability-stat-value">{{{basic_damage|{{{ability1_damage}}}}}}</div>
                </div>
                {{#if:{{{basic_range|{{{ability1_range|}}}}}}}
                <div class="mb-ability-stat">
                    <div class="mb-ability-stat-label">Range</div>
                    <div class="mb-ability-stat-value">{{{basic_range|{{{ability1_range}}}}}}</div>
                </div>
                {{/if}}
            </div>
            {{/if}}
         </div>
        {{/if}}
          
          
        <!-- Ability 2 -->
         {{#if:{{{counters|}}}|<div class="strategy-tip">
         {{#if:{{{ability2|}}}}
             <strong>Counters:</strong> {{{counters}}}
        <div class="mb-ability-card">
         </div>}}
            <div class="mb-ability-header">
                <div class="mb-ability-name">
                    <span class="mb-ability-icon">B</span>
                    {{{ability2}}}
                </div>
                {{#if:{{{ability2_cd|}}}}<div class="mb-ability-cooldown">{{{ability2_cd}}}s</div>{{/if}}
             </div>
            <div class="mb-ability-desc">{{{ability2_desc|"Ability description."}}}</div>
            {{#if:{{{ability2_damage|{{{ability2_cost|}}}}}}}
            <div class="mb-ability-stats">
                {{#if:{{{ability2_damage|}}}}
                <div class="mb-ability-stat">
                    <div class="mb-ability-stat-label">Damage</div>
                    <div class="mb-ability-stat-value">{{{ability2_damage}}}</div>
                </div>
                {{/if}}
                {{#if:{{{ability2_cost|}}}}
                <div class="mb-ability-stat">
                    <div class="mb-ability-stat-label">Cost</div>
                    <div class="mb-ability-stat-value">{{{ability2_cost}}}</div>
                </div>
                {{/if}}
            </div>
            {{/if}}
         </div>
        {{/if}}
          
          
        <!-- Ability 3 -->
         {{#if:{{{synergies|}}}|<div class="strategy-tip">
         {{#if:{{{ability3|}}}}
             <strong>Synergies:</strong> {{{synergies}}}
        <div class="mb-ability-card">
         </div>}}
            <div class="mb-ability-header">
                <div class="mb-ability-name">
                    <span class="mb-ability-icon">C</span>
                    {{{ability3}}}
                </div>
                {{#if:{{{ability3_cd|}}}}<div class="mb-ability-cooldown">{{{ability3_cd}}}s</div>{{/if}}
             </div>
            <div class="mb-ability-desc">{{{ability3_desc}}}</div>
            {{#if:{{{ability3_damage|{{{ability3_effect|}}}}}}}
            <div class="mb-ability-stats">
                {{#if:{{{ability3_damage|}}}}
                <div class="mb-ability-stat">
                    <div class="mb-ability-stat-label">Damage</div>
                    <div class="mb-ability-stat-value">{{{ability3_damage}}}</div>
                </div>
                {{/if}}
                {{#if:{{{ability3_effect|}}}}
                <div class="mb-ability-stat">
                    <div class="mb-ability-stat-label">Effect</div>
                    <div class="mb-ability-stat-value">{{{ability3_effect}}}</div>
                </div>
                {{/if}}
            </div>
            {{/if}}
        </div>
        {{/if}}
       
        <!-- Ultimate Ability -->
        {{#if:{{{ultimate|}}}}
         <div class="mb-ability-card" style="border-left-color:#e74c3c;background:linear-gradient(135deg, rgba(60,30,40,0.8), rgba(80,44,62,0.8));">
            <div class="mb-ability-header">
                <div class="mb-ability-name" style="color:#e74c3c;">
                    <span class="mb-ability-icon" style="background:#e74c3c;">ULT</span>
                    {{{ultimate}}}
                </div>
                {{#if:{{{ultimate_cd|}}}}<div class="mb-ability-cooldown">{{{ultimate_cd}}}s</div>{{/if}}
            </div>
            <div class="mb-ability-desc">{{{ultimate_desc}}}</div>
            {{#if:{{{ultimate_damage|{{{ultimate_cost|}}}}}}}
            <div class="mb-ability-stats">
                {{#if:{{{ultimate_damage|}}}}
                <div class="mb-ability-stat">
                    <div class="mb-ability-stat-label">Damage</div>
                    <div class="mb-ability-stat-value" style="color:#e74c3c;">{{{ultimate_damage}}}</div>
                </div>
                {{/if}}
                {{#if:{{{ultimate_cost|}}}}
                <div class="mb-ability-stat">
                    <div class="mb-ability-stat-label">Energy Cost</div>
                    <div class="mb-ability-stat-value" style="color:#e74c3c;">{{{ultimate_cost}}}</div>
                </div>
                {{/if}}
            </div>
            {{/if}}
        </div>
        {{/if}}
       
        <!-- Passive Ability -->
        {{#if:{{{passive|}}}}
        <div class="mb-ability-card" style="border-left-color:#2ecc71;">
            <div class="mb-ability-header">
                <div class="mb-ability-name" style="color:#2ecc71;">
                    <span class="mb-ability-icon" style="background:#2ecc71;">P</span>
                    {{{passive}}}
                </div>
            </div>
            <div class="mb-ability-desc">{{{passive_desc}}}</div>
        </div>
        {{/if}}
     </div>
     </div>
      
      
    <!-- Strategy Tab -->
     <div class="tab-content" id="tab-lore">
     <div class="mb-tab-content" id="tab-strategy">
         <div class="section-title">Background & Lore</div>
        <!-- Strengths -->
        {{#if:{{{strengths|}}}}
         <div class="mb-tip-box" style="border-left-color:#2ecc71;background:rgba(46,204,113,0.1);">
            <div class="mb-tip-title" style="color:#2ecc71;">Strengths</div>
            <div class="mb-tip-content">{{{strengths}}}</div>
        </div>
        {{/if}}
          
          
        <!-- Weaknesses -->
         {{#if:{{{lore|}}}|<div class="lore-text">{{{lore}}}</div>}}
         {{#if:{{{weaknesses|}}}}
        <div class="mb-tip-box" style="border-left-color:#e74c3c;background:rgba(231,76,60,0.1);">
            <div class="mb-tip-title" style="color:#e74c3c;">Weaknesses</div>
            <div class="mb-tip-content">{{{weaknesses}}}</div>
        </div>
        {{/if}}
          
          
        <!-- Combat Tips -->
         {{#if:{{{origin|}}}|<div class="quick-fact">
         {{#if:{{{combat_tips|}}}}
             <span class="fact-label">Origin:</span>
        <div class="mb-tip-box">
             <span class="fact-value">{{{origin}}}</span>
             <div class="mb-tip-title">Combat Tips</div>
         </div>}}
             <div class="mb-tip-content">{{{combat_tips}}}</div>
         </div>
        {{/if}}
          
          
        <!-- Combos -->
         {{#if:{{{alignment|}}}|<div class="quick-fact">
         {{#if:{{{combos|}}}}
             <span class="fact-label">Alignment:</span>
        <div class="mb-lore-box">
             <span class="fact-value">{{{alignment}}}</span>
             <div class="mb-lore-title">Recommended Combos</div>
         </div>}}
             <div class="mb-lore-content">{{{combos}}}</div>
         </div>
        {{/if}}
          
          
        <!-- Team Synergy -->
         {{#if:{{{personality|}}}|<div class="quick-fact">
         {{#if:{{{synergy|{{{team_synergy|}}}}}}}
             <span class="fact-label">Personality:</span>
        <div class="mb-lore-box">
             <span class="fact-value">{{{personality}}}</span>
            <div class="mb-lore-title">Team Synergy</div>
         </div>}}
             <div class="mb-lore-content">{{{synergy|{{{team_synergy}}}}}}</div>
        </div>
        {{/if}}
       
        <!-- Counters -->
        {{#if:{{{counters|}}}}
        <div class="mb-lore-box" style="background:rgba(231,76,60,0.1);">
            <div class="mb-lore-title">Counters & Counterplay</div>
             <div class="mb-lore-content">{{{counters}}}</div>
         </div>
        {{/if}}
     </div>
     </div>
   
</div>
    <!-- Lore Tab -->
</includeonly>
    <div class="mb-tab-content" id="tab-lore">
        <!-- Background Story -->
        {{#if:{{{background|{{{lore|}}}}}}}
        <div class="mb-lore-box">
            <div class="mb-lore-title">Background Story</div>
            <div class="mb-lore-content">{{{background|{{{lore|"No background information available."}}}}}}</div>
        </div>
        {{/if}}
       
        <!-- Personality -->
        {{#if:{{{personality|}}}}
        <div class="mb-lore-box">
            <div class="mb-lore-title">Personality</div>
            <div class="mb-lore-content">{{{personality}}}</div>
        </div>
        {{/if}}
       
        <!-- Relationships -->
        {{#if:{{{relationships|{{{relations|}}}}}}}
        <div class="mb-lore-box">
            <div class="mb-lore-title">Relationships</div>
            <div class="mb-lore-content">{{{relationships|{{{relations}}}}}}</div>
        </div>
        {{/if}}
       
        <!-- Trivia -->
        {{#if:{{{trivia|}}}}
        <div class="mb-lore-box" style="background:rgba(155,89,182,0.1);">
            <div class="mb-lore-title">Trivia & Fun

Latest revision as of 11:00, 9 December 2025

Documentation icon Template documentation
Note: parts of or the entire template might not be visible without values provided.
MainDocumentationUsage
Retrieved from "https://mbwiki.stairwaygames.work/w/index.php?title=Template:Infobox_Character&oldid=27362"