Template:CharacterInfoBox: Difference between revisions

Help

Latest revision as of 22:19, 16 April 2023

Usage

NOTE: the setting {{#setmainimage:name_your_image.jpg/png/gif/jpeg/webp}} is used IF you want to define that image as the main image to show on social media sharing sites.

{{CharacterInfoBox
 |name           = 
 |icon           = 
 |image          = {{#setmainimage:name_your_image.jpg/png/gif/jpeg/webp}}
 |caption        =  
 |title          = 
 |race           = 
 |gender         = 
 |class          = 
 |specialization = 
 |rank           = 
 |caste          = 
 |skills         = 
 |spells         = 
 |location       = 
 |quests         = <ul style='list-style-type: "➢ ";'><li>List of quest envolving this character</li></ul>
 |status         = 
 |appearance     = <ul style='list-style-type: "➢ ";'><li>ToOD</li><li>BoW</li><li>SotP</li><li> ...</li></ul>
 |unit_id        = 
 |drops          = 
 |health         = 
 |damage         =
 |mana           =
 |armor          =
 |veryweak       =
 |weak           =
 |resistant      =
 |veryresistant  =
 |immune         =
}}

Preview

Character InfoBox

image_caption

Unit ID

1, 10, 148, ...

Basic Info

Title

Avatar, Hero, Companion, NPC, Merchant, ...

Race

Human, Elf, Dwarf, Orc, ...

Gender

Male, Female

Class

Warrior, Rogue, Mage, ...

Specialization

Light Combat, Heavy Combat, Mind Magic, ...

Rank

Critter, Weak, Normal, Lieutenant, Boss, Elite Boss, Player

Caste

Archon, Sinistra, Dracon (Dark Elves Only)

Skills

Boons, Warcry, Taunt, ...

Spells

Heal, Pain, ...

Status

Alive, Dead, Undead, ...

Location

Greyfell

Influence

List of quest envolving this character

Drops

item, item1, item2

Appears in

ToOD
BoW
SotP
...

Stats
The stats of this unit increase as a multiplicator of its level.

Health ❤️ 500

Mana ⚡️ 300

Armor 🛡️ 45

Damage ⚔️ 50

Resistances

Very weak slashing

Weak piercing

Resistant white magic

Very resistant ice magic

Immune fire

@@ Line 1: / Line 1: @@
-<infobox>
+<infobox theme="item_box">
-	<navigation style="background: #210;"><div style="font-weight: bold;text-align: center;font-size: 14px;color: #fb5;">Character</div></navigation>
 	<title source="name">
 		<default>{{PAGENAME}}</default>
@@ Line 8: / Line 7: @@
 		<caption source="caption" />
 	</image>
+    <data source="unit_id">
+		<label>Unit ID</label>
+		<format><span style="font-family: monospace; font-size: 8pt;">{{{unit_id|}}}</span></format>
+	</data>
    <group>
-     <header><p style="padding: 5px;margin: 0;line-height: 1;background: -webkit-linear-gradient(left, #f2825b 0%,#e55b2b 50%,#f07146 100%);background: linear-gradient(to right, #a23915 0%,#772307 50%,#c63d0f 100%);">Basic Info</p></header>
+     <header><p style="padding: 3px;margin: 0;line-height: 1;">Basic Info</p></header>
 	<data source="title"><label>Title</label></data>
 	<data source="race"><label>Race</label></data>
@@ Line 18: / Line 21: @@
 	<data source="caste"><label>Caste</label></data>
 	<data source="skills"><label>Skills</label></data>
+    <data source="spells"><label>Spells</label><format>{{{spells}}}</format></data>
 	<data source="status"><label>Status</label></data>
 	<data source="location"><label>Location</label></data>
-	<data source="quests"><label>Quests</label></data>
+	<data source="quests"><label>Influence</label></data>
-	<data source="voice"><label>[[Voice cast|Voice]]</label></data>
+    <data source="drops"><label>Drops</label></data>
-	<data source="actor"><label>Actor</label></data>
+	<data source="appearance"><label>Appears in</label><format>{{{appearance}}}</format></data>
-	<data source="appearance"><label>Appearances</label><format>''{{{appearance}}}''</format></data>
+  </group>
-    <data source="unit_id">
+  <group>
-		<label>Unit ID</label>
+    <header><p style="border-bottom: 1px solid;">Stats</p>
-		<format><span style="font-family: monospace; font-size: 8pt;">{{{unit_id|}}}</span></format>
+<span style="display: inline-block;box-sizing: border-box;font-style:italic;font-size:85%; color:#ff0;">The stats of this unit increase as a multiplicator of its level.</span></header>
-	</data>
+<data source="health"><format><div class="grid-row" style="display: flex;flex-flow: row wrap;justify-content: center;align-items: center;padding: 0;gap: 3px;width: 100%;">
+      {{#if:{{{health|}}}|<div class="grid-item" style="display: flex;color: #eebe36;text-align: center;font-family: sans-serif;flex-direction: column;align-items: stretch;padding: 5px 7px;line-height: 1;margin: 0;border: 1px solid #ca6;box-shadow: 0 8px 6px -6px rgba(0,0,0,0.7);"><b>Health ❤️</b> <span style="font-size: 12px;width: fit-content;height: auto;display:block;margin: 3px auto 0;">{{{health}}}</span></div>}}
+      {{#if:{{{mana|}}}|<div class="grid-item" style="display: flex;color: #eebe36;text-align: center;font-family: sans-serif;flex-direction: column;align-items: stretch;padding: 5px 7px;line-height: 1;margin:0;border: 1px solid #ca6;box-shadow: 0 8px 6px -6px rgba(0,0,0,0.7);"><b>Mana ⚡️</b> <span style="font-size: 12px;width: fit-content;height: auto;display:block;margin: 3px auto 0;">{{{mana}}}</span></div>}}
+      {{#if:{{{armor|}}}|<div class="grid-item" style="display: flex;color: #eebe36;text-align: center;font-family: sans-serif;flex-direction: column;align-items: stretch;padding: 5px 7px;line-height: 1;margin: 0;border: 1px solid #ca6;box-shadow: 0 8px 6px -6px rgba(0,0,0,0.7);"><b>Armor 🛡️</b> <span style="font-size: 12px;width: fit-content;height: auto;display:block;margin: 3px auto 0;">{{{armor}}}</span></div>}}
+      {{#if:{{{damage|}}}|<div class="grid-item" style="display: flex;color: #eebe36;text-align: center;font-family: sans-serif;flex-direction: column;align-items: stretch;padding: 5px 7px;line-height: 1;margin:0;border: 1px solid #ca6;box-shadow: 0 8px 6px -6px rgba(0,0,0,0.7);"><b>Damage ⚔️</b> <span style="font-size: 12px;width: fit-content;height: auto;display:block;margin: 3px auto 0;">{{{damage}}}</span></div>}}
+</div></format></data>
    </group>
+  <group>
+  <header>Resistances</header>
+<data source="resistant"><format><div class="grid-row" style="display: flex;flex-flow: row wrap;justify-content: center;align-items: center;padding: 0;gap: 3px;width: 100%;">
+      {{#if:{{{veryweak|}}}|<div class="grid-item" style="display: flex;color: #eebe36;text-align: center;font-family: sans-serif;flex-direction: column;align-items: stretch;padding: 5px 7px;line-height: 1;margin: 0;border: 1px solid #ca6;box-shadow: 0 8px 6px -6px rgba(0,0,0,0.7);"><b>Very weak</b> <span style="font-size: 12px;width: fit-content;height: auto;display:block;margin: 3px auto 0;">{{{veryweak}}}</span></div>}}
+      {{#if:{{{weak|}}}|<div class="grid-item" style="display: flex;color: #eebe36;text-align: center;font-family: sans-serif;flex-direction: column;align-items: stretch;padding: 5px 7px;line-height: 1;margin:0;border: 1px solid #ca6;box-shadow: 0 8px 6px -6px rgba(0,0,0,0.7);"><b>Weak</b> <span style="font-size: 12px;width: fit-content;height: auto;display:block;margin: 3px auto 0;">{{{weak}}}</span></div>}}
+      {{#if:{{{resistant|}}}|<div class="grid-item" style="display: flex;color: #eebe36;text-align: center;font-family: sans-serif;flex-direction: column;align-items: stretch;padding: 5px 7px;line-height: 1;margin: 0;border: 1px solid #ca6;box-shadow: 0 8px 6px -6px rgba(0,0,0,0.7);"><b>Resistant</b> <span style="font-size: 12px;width: fit-content;height: auto;display:block;margin: 3px auto 0;">{{{resistant}}}</span></div>}}
+      {{#if:{{{veryresistant|}}}|<div class="grid-item" style="display: flex;color: #eebe36;text-align: center;font-family: sans-serif;flex-direction: column;align-items: stretch;padding: 5px 7px;line-height: 1;margin:0;border: 1px solid #ca6;box-shadow: 0 8px 6px -6px rgba(0,0,0,0.7);"><b>Very resistant</b> <span style="font-size: 12px;width: fit-content;height: auto;display:block;margin: 3px auto 0;">{{{veryresistant}}}</span></div>}}
+      {{#if:{{{immune|}}}|<div class="grid-item" style="display: flex;color: #eebe36;text-align: center;font-family: sans-serif;flex-direction: column;align-items: stretch;padding: 5px 7px;line-height: 1;margin:0;border: 1px solid #ca6;box-shadow: 0 8px 6px -6px rgba(0,0,0,0.7);"><b>Immune</b> <span style="font-size: 12px;width: fit-content;height: auto;display:block;margin: 3px auto 0;">{{{immune}}}</span></div>}}
+</div></format></data>
+	</group>
 </infobox>
 <noinclude>
+__TOC__
 == Usage ==
+'''NOTE:''' the setting <span style="color:#ea3"><b><nowiki>{{#setmainimage:</nowiki></b><i style="opacity: 0.65;">name_your_image.jpg/png/gif/jpeg/webp</i><b><nowiki>}}</nowiki></b></span> is used IF you want to define that image as the main image to show on social media sharing sites.
 <div style="font-family: Consolas, Monaco, monospace;padding: 5px 10px;width: fit-content;border-radius: 10px;overflow-wrap: normal;background-color: rgba(255, 255, 255, 0.65);border: 1px solid #222;color: #333;line-height: 1.2;overflow: auto;white-space: pre-wrap;box-shadow: 0 5px 3px -3px rgba(0,0,0,.5);"><nowiki>
 {{CharacterInfoBox
-  |name           = Default_is_Page_Name
+  |name           =
+ |icon           =
+ |image          = {{#setmainimage:name_your_image.jpg/png/gif/jpeg/webp}}
+ |caption        =
+ |title          =
+ |race           =
+ |gender         =
+ |class          =
+ |specialization =
+ |rank           =
+ |caste          =
+ |skills         =
+ |spells         =
+ |location       =
+ |quests         = <ul style='list-style-type: "➢ ";'><li>List of quest envolving this character</li></ul>
+ |status         =
+ |appearance     = <ul style='list-style-type: "➢ ";'><li>ToOD</li><li>BoW</li><li>SotP</li><li> ...</li></ul>
+ |unit_id        =
+ |drops          =
+ |health         =
+ |damage         =
+ |mana           =
+ |armor          =
+ |veryweak       =
+ |weak           =
+ |resistant      =
+ |veryresistant  =
+ |immune         =
+}}
+</nowiki>
+</div>
+== Preview ==
+<div style="width: fit-content; display: block;">
+{{CharacterInfoBox
+ |name           = Character InfoBox
   |icon           = SF logo.png
-  |image          = <gallery><--USE_ONLY_IF_MULTIPLE_IMGS
+  |image          = {{#setmainimage:SF logo.png}}
-                    name_your_image.jpg/png/gif/jpeg/webp
+  |caption        = image_caption
-                   </gallery><--USE_ONLY_IF_MULTIPLE_IMGS
-  | caption       = image_caption
   |title          = Avatar, Hero, Companion, NPC, Merchant, ...
   |race           = Human, Elf, Dwarf, Orc, ...
@@ Line 45: / Line 100: @@
   |class          = Warrior, Rogue, Mage, ...
   |specialization = Light Combat, Heavy Combat, Mind Magic, ...
-  |rank           = Elit Boss, Boss, Critter, ...
+  |rank           = Critter, Weak, Normal, Lieutenant, Boss, Elite Boss, Player
   |caste          = Archon, Sinistra, Dracon (Dark Elves Only)
   |skills         = Boons, Warcry, Taunt, ...
+ |spells         = Heal, Pain, ...
   |location       = Greyfell
   |quests         = <ul style='list-style-type: "➢ ";'><li>List of quest envolving this character</li></ul>
@@ Line 53: / Line 109: @@
   |appearance     = <ul style='list-style-type: "➢ ";'><li>ToOD</li><li>BoW</li><li>SotP</li><li> ...</li></ul>
   |unit_id        = 1, 10, 148, ...
+ |drops          = item, item1, item2
+ |health         = 500
+ |damage         = 50
+ |mana           = 300
+ |armor          = 45
+ |veryweak       = slashing
+ |weak           = piercing
+ |resistant      = white magic
+ |veryresistant  = ice magic
+ |immune         = fire
 }}
-</nowiki>
 </div>
 </noinclude>