Template:Infobox Characters: Difference between revisions
Jump to navigation
Jump to search
Template documentation
Note: parts of or the entire template might not be visible without values provided.
mNo edit summary |
mNo edit summary |
||
| Line 1: | Line 1: | ||
<includeonly> | <includeonly> | ||
<div class="character-infobox" id="character-infobox-{{{name|}}}"> | <div class="character-infobox" id="character-infobox-{{{name|}}}" style=" | ||
<div class="character-header"> | float: right !important; | ||
<div class="character-title">{{{name|Unknown Character}}}</div> | clear: right !important; | ||
max-width: 300px !important; | |||
width: 100% !important; /* Ensures it takes full width up to max-width */ | |||
margin: 0 0 16px 16px !important; | |||
border: 1px solid var(--theme-border-color) !important; | |||
border-radius: var(--border-radius-md) !important; /* Use 8px fallback if var fails */ | |||
background-color: var(--gray-050) !important; /* Light background */ | |||
font-size: .9em !important; | |||
"> | |||
<div class="character-header" style=" | |||
background: var(--brown-300) !important; | |||
color: var(--theme-accent-label-color) !important; | |||
padding: 8px 10px !important; | |||
border-radius: 8px 8px 0 0 !important; /* Hardcode fallback */ | |||
text-align: center !important; | |||
font-weight: 700 !important; | |||
"> | |||
<div class="character-title" style="font-size: 1.5em !important; margin: 0 !important;"> | |||
{{{name|Unknown Character}}} | |||
</div> | |||
</div> | </div> | ||
{{#if: {{{image|}}} | | {{#if: {{{image|}}} | | ||
<div class="character-image"> | <div class="character-image" style="padding: 10px !important; text-align: center !important;"> | ||
[[File:{{{image|}}}|300px|alt={{{name|}}}]] | [[File:{{{image|}}}|300px|alt={{{name|}}}]] | ||
</div> | </div> | ||
| Line 12: | Line 32: | ||
<div class="character-section"> | <div class="character-section"> | ||
<div class="section-title">Quick Facts</div> | <div class="section-title" style=" | ||
font-size: 1.1em !important; | |||
font-weight: 600 !important; | |||
padding: 5px 10px !important; | |||
margin-top: 10px !important; | |||
margin-bottom: 5px !important; | |||
border-bottom: 1px solid var(--theme-border-color--subtle) !important; | |||
">Quick Facts</div> | |||
<div class="data-group"> | <div class="data-group" style="padding: 0 10px 10px 10px !important;"> | ||
{{#if: {{{nickname|}}} | <div class="data-row"><span class="data-label">Nickname:</span> <span class="data-value">{{{nickname|}}}</span></div> }} | |||
{{#if: {{{age|}}} | <div class="data-row"><span class="data-label">Age:</span> <span class="data-value">{{{age|}}}</span></div> }} | {{#if: {{{nickname|}}} | | ||
{{#if: {{{race|}}} | <div class="data-row"><span class="data-label">Race:</span> <span class="data-value">{{{race|}}}</span></div> }} | <div class="data-row" style="display: flex !important; justify-content: space-between !important; padding: 5px 0 !important; border-bottom: 1px dotted var(--gray-300) !important;"> | ||
{{#if: {{{element|}}} | <div class="data-row"><span class="data-label">Element:</span> <span class="data-value">{{{element|}}}</span></div> }} | <span class="data-label" style="font-weight: 500 !important; color: var(--gray-700) !important;">Nickname:</span> | ||
{{#if: {{{weapon|}}} | <div class="data-row"><span class="data-label">Weapon:</span> <span class="data-value">{{{weapon|}}}</span></div> }} | <span class="data-value" style="padding-left: 10px !important;">{{{nickname|}}}</span> | ||
{{#if: {{{guild_status|}}} | <div class="data-row"><span class="data-label">Guild Status:</span> <span class="data-value">{{{guild_status|}}}</span></div> }} | </div> | ||
{{#if: {{{birthday|}}} | <div class="data-row"><span class="data-label">Birthday:</span> <span class="data-value">{{{birthday|}}}</span></div> }} | }} | ||
{{#if: {{{romance|}}} | <div class="data-row"><span class="data-label">Romance:</span> <span class="data-value">{{{romance|}}}</span></div> }} | |||
{{#if: {{{age|}}} | | |||
<div class="data-row" style="display: flex !important; justify-content: space-between !important; padding: 5px 0 !important; border-bottom: 1px dotted var(--gray-300) !important;"> | |||
<span class="data-label" style="font-weight: 500 !important; color: var(--gray-700) !important;">Age:</span> | |||
<span class="data-value" style="padding-left: 10px !important;">{{{age|}}}</span> | |||
</div> | |||
}} | |||
{{#if: {{{race|}}} | | |||
<div class="data-row" style="display: flex !important; justify-content: space-between !important; padding: 5px 0 !important; border-bottom: 1px dotted var(--gray-300) !important;"> | |||
<span class="data-label" style="font-weight: 500 !important; color: var(--gray-700) !important;">Race:</span> | |||
<span class="data-value" style="padding-left: 10px !important;">{{{race|}}}</span> | |||
</div> | |||
}} | |||
{{#if: {{{element|}}} | | |||
<div class="data-row" style="display: flex !important; justify-content: space-between !important; padding: 5px 0 !important; border-bottom: 1px dotted var(--gray-300) !important;"> | |||
<span class="data-label" style="font-weight: 500 !important; color: var(--gray-700) !important;">Element:</span> | |||
<span class="data-value" style="padding-left: 10px !important;">{{{element|}}}</span> | |||
</div> | |||
}} | |||
{{#if: {{{weapon|}}} | | |||
<div class="data-row" style="display: flex !important; justify-content: space-between !important; padding: 5px 0 !important; border-bottom: 1px dotted var(--gray-300) !important;"> | |||
<span class="data-label" style="font-weight: 500 !important; color: var(--gray-700) !important;">Weapon:</span> | |||
<span class="data-value" style="padding-left: 10px !important;">{{{weapon|}}}</span> | |||
</div> | |||
}} | |||
{{#if: {{{guild_status|}}} | | |||
<div class="data-row" style="display: flex !important; justify-content: space-between !important; padding: 5px 0 !important; border-bottom: 1px dotted var(--gray-300) !important;"> | |||
<span class="data-label" style="font-weight: 500 !important; color: var(--gray-700) !important;">Guild Status:</span> | |||
<span class="data-value" style="padding-left: 10px !important;">{{{guild_status|}}}</span> | |||
</div> | |||
}} | |||
{{#if: {{{birthday|}}} | | |||
<div class="data-row" style="display: flex !important; justify-content: space-between !important; padding: 5px 0 !important; border-bottom: 1px dotted var(--gray-300) !important;"> | |||
<span class="data-label" style="font-weight: 500 !important; color: var(--gray-700) !important;">Birthday:</span> | |||
<span class="data-value" style="padding-left: 10px !important;">{{{birthday|}}}</span> | |||
</div> | |||
}} | |||
{{#if: {{{romance|}}} | | |||
<div class="data-row" style="display: flex !important; justify-content: space-between !important; padding: 5px 0 !important; border-bottom: 1px dotted var(--gray-300) !important;"> | |||
<span class="data-label" style="font-weight: 500 !important; color: var(--gray-700) !important;">Romance:</span> | |||
<span class="data-value" style="padding-left: 10px !important;">{{{romance|}}}</span> | |||
</div> | |||
}} | |||
</div> | </div> | ||
</div> | </div> | ||
{{#if: {{{tabs|}}} | | |||
<div class="character-tabs" style="display: flex !important; justify-content: space-around !important; padding: 10px !important; background: var(--gray-200) !important; border-top: 1px solid var(--theme-border-color) !important;"> | |||
<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> | |||
</div> | |||
}} | |||
</div> | </div> | ||
</includeonly> | </includeonly> | ||
Revision as of 08:20, 15 December 2025
Note: parts of or the entire template might not be visible without values provided.
| Main | Documentation | Usage |
Description
This template is used to display key statistics and identifying details for all characters in ManaBreak using the standard infobox styling.
Usage
Place this code at the very top of the character's page. Any parameter left blank or omitted will not display in the final infobox.
Syntax
{{Infobox Character
| name = (Character's full name)
| nickname = (Commonly used nickname, for example Seb)
| image = (Filename of the character portrait)
| age = (Approximate age)
| race = (Racial classification)
| element = (Elemental Information)
| occupation = (Main job title)
| weapon = (Primary weapon type)
| guild_status = (Guild Information)
| romance = (Romance availability)
| residency = (Living Space, Location Info)
| birthday = (In-game birthday)
}}
Example
The following code produces the infobox on the Sebastian page:
{{Infobox Character
| name = Sebastian
| nickname = Seb
| image = Sebastian_Portrait.png
| age = ~28
| race = Mortal
| element = Wind
| occupation = Thief, Adventurer
| weapon = Dagger
| guild_status = Adventurer
| romance = N / A
| residency = Healer's Spare Room (Adventure District)
| birthday = Summer 15
}}
</noinclude>