Template:Infobox Character: Difference between revisions

From MB Wiki
Jump to navigation Jump to search
No edit summary
No edit summary
Line 1: Line 1:
<noinclude>
<noinclude>{{Documentation}}</noinclude>
{{Documentation}}
</noinclude>
<includeonly>
<includeonly>
<div class="game-info-box">
<div class="character-infobox" id="character-infobox-{{{name|}}}">
     <div class="game-info-header">Game Information</div>
    <!-- Header -->
     <div class="character-header">
        <div class="character-title">{{{name}}}</div>
        {{#if:{{{title|}}}|<div class="character-subtitle">{{{title}}}</div>}}
        {{#if:{{{role|}}}|<div class="character-subtitle">{{{role}}}</div>}}
    </div>
      
      
     {{#if:{{{Manabreak|}}}|<div class="game-info-row">
    <!-- Image -->
         <span class="game-info-label">Manabreak:</span>
     {{#if:{{{image|}}}|<div class="character-image">
         <span class="game-info-value">{{{Manabreak}}}</span>
         [[File:{{{image}}}|300px|alt={{{name}}} - {{{caption|{{{name}}}}}}]]
         {{#if:{{{caption|}}}|<div style="text-align:center;font-size:12px;margin-top:5px;">{{{caption}}}</div>}}
     </div>}}
     </div>}}
      
      
     {{#if:{{{Stairway Games|}}}|<div class="game-info-row">
     <!-- Quick Facts -->
         <span class="game-info-label">Stairway Games:</span>
    <div class="character-section">
         <span class="game-info-value">{{{Stairway Games}}}</span>
        <div class="section-title">Quick Facts</div>
    </div>}}
       
        {{#if:{{{species|}}}|<div class="quick-fact">
            <span class="fact-label">Species:</span>
            <span class="fact-value">{{{species}}}</span>
         </div>}}
       
        {{#if:{{{type|}}}|<div class="quick-fact">
            <span class="fact-label">Type:</span>
            <span class="fact-value">{{{type}}}</span>
        </div>}}
       
        {{#if:{{{health|}}}|<div class="quick-fact">
            <span class="fact-label">Health:</span>
            <span class="fact-value">{{{health}}}</span>
        </div>}}
       
        {{#if:{{{speed|}}}|<div class="quick-fact">
            <span class="fact-label">Speed:</span>
            <span class="fact-value">{{{speed}}}</span>
         </div>}}
       
        {{#if:{{{size|}}}|<div class="quick-fact">
            <span class="fact-label">Size:</span>
            <span class="fact-value">{{{size}}}</span>
        </div>}}
    </div>
      
      
     {{#if:{{{Stairway Games|}}}|<div class="game-info-row">
     <!-- Tabs Navigation -->
        <span class="game-info-label">Stairway Games:</span>
    <div class="character-tabs">
        <span class="game-info-value">{{{Stairway Games}}}</span>
        {{#if:{{{stats|{{{abilities|{{{strategy|{{{lore|}}}}}}}}}}}}}
     </div>}}
            <button class="tab-button active" data-tab="tab-stats">Stats</button>
            <button class="tab-button" data-tab="tab-abilities">Abilities</button>
            <button class="tab-button" data-tab="tab-strategy">Strategy</button>
            <button class="tab-button" data-tab="tab-lore">Lore</button>
        {{/if}}
     </div>
      
      
     {{#if:{{{TBA|}}}|<div class="game-info-row">
     <!-- Tab Contents -->
         <span class="game-info-label">TBA:</span>
    <div class="tab-content active" id="tab-stats">
         <span class="game-info-value">{{{TBA}}}</span>
        <div class="section-title">Character Stats</div>
    </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>
      
      
     {{#if:{{{RPG|}}}|<div class="game-info-row">
     <div class="tab-content" id="tab-abilities">
         <span class="game-info-label">RPG:</span>
         <div class="section-title">Abilities</div>
         <span class="game-info-value">
          
             {{#arraymap:{{{RPG|}}}|,|x|<span class="game-info-genre">{{x}}</span>}}
        {{#if:{{{abilities_table|}}}|{{{abilities_table}}}
         </span>
        |<table class="abilities-table">
     </div>}}
             <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>
      
      
     {{#if:{{{Windows|}}}|<div class="game-info-row">
     <div class="tab-content" id="tab-strategy">
         <span class="game-info-label">Windows:</span>
        <div class="section-title">Gameplay Strategy</div>
         <span class="game-info-value">{{{Windows}}</span>
       
     </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>
      
      
     {{#if:{{{rating|}}}|<div class="game-info-row">
     <div class="tab-content" id="tab-lore">
        <span class="game-info-label">Rating:</span>
        <div class="section-title">Background & Lore</div>
         <span class="game-info-value game-info-rating">{{{rating}}}/10</span>
       
    </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>
</div>
</includeonly>
</includeonly>

Revision as of 08:55, 8 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=27346"