Template:Infobox Character - Revision history

Ta1ha: added documentation

2023-06-29T18:51:10Z

added documentation

Show changes

Ta1ha: added stat1-10

2023-06-29T18:41:10Z

added stat1-10

Show changes

Ta1ha: little more styling

2023-06-29T18:08:56Z

little more styling

← Older revision		Revision as of 18:08, 29 June 2023
Line 1:		Line 1:
	<includeonly>		<includeonly>
	<div class="itembox" style="width:90%;max-width:400px;{{#ifeq:{{{nofloat\|}}}\|1\|\|float:right;}}">		<div class="itembox" style="width:90%;max-width:400px;{{#ifeq:{{{nofloat\|}}}\|1\|\|float:right;}}">
	<div class="itemboxheader">		<div class="itemboxheader" style="padding-left:20px;">
	<div style="float:left">		<div style="float:left">
	[[File:{{{image\|{{{name}}}.png}}}\|link={{{name}}}\|~~96px~~]]		[[File:{{{image\|{{{name}}}.png}}}\|link={{{name}}}\|x96px]]
	</div>		</div>
	<div style="width:60%;max-width:280px;margin-left:15px;height:100px;justify-content:space-between!important;display:flex;flex-direction: column!important;float:left;margin-top:0px;">		<div style="width:60%;max-width:280px;margin-left:15px;height:100px;justify-content:space-between!important;display:flex;flex-direction: column!important;float:left;margin-top:0px;">
	<div class="bold" style="margin-top:0px!important;font-size:22px;">{{{name}}}</div>		<div class="bold" style="margin-top:0px!important;font-size:22px;">{{{name}}}</div>
	<div style="width:100%;justify-content:space-between!important;display:flex;flex-direction: row!important;font-size:~~17px~~;">		<div style="width:100%;justify-content:space-between!important;display:flex;flex-direction: row!important;font-size:15px;">
	<div style="color:rgb(221,149,42);">{{{info}}}</div>		<div style="color:rgb(221,149,42);">{{{info}}}</div>
	</div>		</div>
Line 14:		Line 14:
	<div class="line"></div><!--		<div class="line"></div><!--
	-->{{#if:{{{savagery\|}}}\|		-->{{#if:{{{savagery\|}}}\|
	<div class="stats-container" style="clear: both;">		<div class="stats-container" style="clear: both; padding:0 20px 0 20px;">
	<div style="float: left; width: 30%; font-weight:bold; color:rgb(221,149,42);">Savagery</div>		<div style="float: left; width: 50%; font-weight:bold; color:rgb(221,149,42);">Savagery</div>
	<div style="float: right;width: 20%;color:rgb(132,176,5);text-align-last: right;font-weight:bold;">{{{savagery}}}</div>		<div style="float: right;width: 20%;color:rgb(132,176,5);text-align-last: right;font-weight:bold;">{{{savagery}}}</div>
	</div>		</div>
	\|}}<!--		\|}}<!--
	-->{{#if:{{{harvesting\|}}}\|		-->{{#if:{{{harvesting\|}}}\|
	<div class="stats-container" style="clear: both;">		<div class="stats-container" style="clear: both; padding:0 20px 0 20px;">
	<div style="float: left; width: 30%; font-weight:bold; color:rgb(221,149,42);">Harvesting</div>		<div style="float: left; width: 50%; font-weight:bold; color:rgb(221,149,42);">Harvesting</div>
	<div style="float: right;width: 20%;color:rgb(132,176,5);text-align-last: right;font-weight:bold;">{{{harvesting}}}</div>		<div style="float: right;width: 20%;color:rgb(132,176,5);text-align-last: right;font-weight:bold;">{{{harvesting}}}</div>
	</div>		</div>
	\|}}<!--		\|}}<!--
	-->{{#if:{{{toughness\|}}}\|		-->{{#if:{{{toughness\|}}}\|
	<div class="stats-container" style="clear: both;">		<div class="stats-container" style="clear: both; padding:0 20px 0 20px;">
	<div style="float: left; width: 30%; font-weight:bold; color:rgb(221,149,42);">Toughness</div>		<div style="float: left; width: 50%; font-weight:bold; color:rgb(221,149,42);">Toughness</div>
	<div style="float: right;width: 20%;color:rgb(132,176,5);text-align-last: right;font-weight:bold;">{{{toughness}}}</div>		<div style="float: right;width: 20%;color:rgb(132,176,5);text-align-last: right;font-weight:bold;">{{{toughness}}}</div>
	</div>		</div>
	\|}}<!--		\|}}<!--
	-->{{#if:{{{endurance\|}}}\|		-->{{#if:{{{endurance\|}}}\|
	<div class="stats-container" style="clear: both;">		<div class="stats-container" style="clear: both; padding:0 20px 0 20px;">
	<div style="float: left; width: 30%; font-weight:bold; color:rgb(221,149,42);">Endurance</div>		<div style="float: left; width: 50%; font-weight:bold; color:rgb(221,149,42);">Endurance</div>
	<div style="float: right;width: 20%;color:rgb(132,176,5);text-align-last: right;font-weight:bold;">{{{endurance}}}</div>		<div style="float: right;width: 20%;color:rgb(132,176,5);text-align-last: right;font-weight:bold;">{{{endurance}}}</div>
	</div>		</div>
	\|}}<!--		\|}}<!--
	-->{{#if:{{{strength\|}}}\|		-->{{#if:{{{strength\|}}}\|
	<div class="stats-container" style="clear: both;">		<div class="stats-container" style="clear: both; padding:0 20px 0 20px;">
	<div style="float: left; width: 30%; font-weight:bold; color:rgb(221,149,42);">Strength</div>		<div style="float: left; width: 50%; font-weight:bold; color:rgb(221,149,42);">Strength</div>
	<div style="float: right;width: 20%;color:rgb(132,176,5);text-align-last: right;font-weight:bold;">{{{strength}}}</div>		<div style="float: right;width: 20%;color:rgb(132,176,5);text-align-last: right;font-weight:bold;">{{{strength}}}</div>
	</div>		</div>
	\|}}<!--		\|}}<!--
	-->{{#if:{{{proficiency\|}}}\|		-->{{#if:{{{proficiency\|}}}\|
	<div class="stats-container" style="clear: both;">		<div class="stats-container" style="clear: both; padding:0 20px 0 20px;">
	<div style="float: left; width: 30%; font-weight:bold; color:rgb(221,149,42);">Proficiency</div>		<div style="float: left; width: 50%; font-weight:bold; color:rgb(221,149,42);">Proficiency</div>
	<div style="float: right;width: 20%;color:rgb(132,176,5);text-align-last: right;font-weight:bold;">{{{proficiency}}}</div>		<div style="float: right;width: 20%;color:rgb(132,176,5);text-align-last: right;font-weight:bold;">{{{proficiency}}}</div>
	</div>		</div>
	\|}}<!--		\|}}<!--
	-->{{#if:{{{stealth\|}}}\|		-->{{#if:{{{stealth\|}}}\|
	<div class="stats-container" style="clear: both;">		<div class="stats-container" style="clear: both; padding:0 20px 0 20px;">
	<div style="float: left; width: 30%; font-weight:bold; color:rgb(221,149,42);">Stealth</div>		<div style="float: left; width: 50%; font-weight:bold; color:rgb(221,149,42);">Stealth</div>
	<div style="float: right;width: 20%;color:rgb(132,176,5);text-align-last: right;font-weight:bold;">{{{stealth}}}</div>		<div style="float: right;width: 20%;color:rgb(132,176,5);text-align-last: right;font-weight:bold;">{{{stealth}}}</div>
	</div>		</div>
Line 57:		Line 57:
	--><br><div class="line"></div>		--><br><div class="line"></div>
	{{#if:{{{damage\|}}}\|		{{#if:{{{damage\|}}}\|
	<div class="stats-container" style="clear: both;">		<div class="stats-container" style="clear: both; padding:0 20px 0 20px;">
	<div style="float: left; width: 30%; font-weight:bold; color:rgb(221,149,42);">Melee ~~damage~~</div>		<div style="float: left; width: 50%; font-weight:bold; color:rgb(221,149,42);">Melee Damage</div>
	<div style="float: right;width: 20%;text-align-last: right;font-weight:bold;">{{{damage}}}</div>		<div style="float: right;width: 20%;text-align-last: right;font-weight:bold;">{{{damage}}}</div>
	</div>		</div>
	\|}}<!--		\|}}<!--
	-->{{#if:{{{walk\|}}}\|		-->{{#if:{{{walk\|}}}\|
	<div class="stats-container" style="clear: both;">		<div class="stats-container" style="clear: both; padding:0 20px 0 20px;">
	<div style="float: left; width: 30%; font-weight:bold; color:rgb(221,149,42);">Walk Speed</div>		<div style="float: left; width: 50%; font-weight:bold; color:rgb(221,149,42);">Walk Speed</div>
	<div style="float: right;width: 20%;text-align-last: right;font-weight:bold;">{{{walk}}}</div>		<div style="float: right;width: 20%;text-align-last: right;font-weight:bold;">{{{walk}}}</div>
	</div>		</div>
	\|}}<!--		\|}}<!--
	-->{{#if:{{{run\|}}}\|		-->{{#if:{{{run\|}}}\|
	<div class="stats-container" style="clear: both;">		<div class="stats-container" style="clear: both; padding:0 20px 0 20px;">
	<div style="float: left; width: 30%; font-weight:bold; color:rgb(221,149,42);">Run Speed</div>		<div style="float: left; width: 50%; font-weight:bold; color:rgb(221,149,42);">Run Speed</div>
	<div style="float: right;width: 20%;text-align-last: right;font-weight:bold;">{{{run}}}</div>		<div style="float: right;width: 20%;text-align-last: right;font-weight:bold;">{{{run}}}</div>
	</div>		</div>
	\|}}<!--		\|}}<!--
	-->{{#if:{{{sprint\|}}}\|		-->{{#if:{{{sprint\|}}}\|
	<div class="stats-container" style="clear: both;">		<div class="stats-container" style="clear: both; padding:0 20px 0 20px;">
	<div style="float: left; width: 40%; font-weight:bold; color:rgb(221,149,42);">Sprint Speed</div>		<div style="float: left; width: 50%; font-weight:bold; color:rgb(221,149,42);">Sprint Speed</div>
	<div style="float: right;width: 20%;text-align-last: right;font-weight:bold;">{{{sprint}}}</div>		<div style="float: right;width: 20%;text-align-last: right;font-weight:bold;">{{{sprint}}}</div>
	</div>		</div>
	\|}}<!--		\|}}<!--
	-->{{#if:{{{attack\|}}}\|		-->{{#if:{{{attack\|}}}\|
	<div class="stats-container" style="clear: both;">		<div class="stats-container" style="clear: both; padding:0 20px 0 20px;">
	<div style="float: left; width: 40%; font-weight:bold; color:rgb(221,149,42);">Attack Damage</div>		<div style="float: left; width: 50%; font-weight:bold; color:rgb(221,149,42);">Attack Damage</div>
	<div style="float: right;width: 20%;text-align-last: right;font-weight:bold;">{{{attack}}}</div>		<div style="float: right;width: 20%;text-align-last: right;font-weight:bold;">{{{attack}}}</div>
	</div>		</div>
	\|}}<!--		\|}}<!--
	-->{{#if:{{{staminacost\|}}}\|		-->{{#if:{{{staminacost\|}}}\|
	<div class="stats-container" style="clear: both;">		<div class="stats-container" style="clear: both; padding:0 20px 0 20px;">
	<div style="float: left; width: 40%; font-weight:bold; color:rgb(221,149,42);">Stamina Cost</div>		<div style="float: left; width: 50%; font-weight:bold; color:rgb(221,149,42);">Stamina Cost</div>
	<div style="float: right;width: 20%;text-align-last: right;font-weight:bold;">{{{staminacost}}}</div>		<div style="float: right;width: 20%;text-align-last: right;font-weight:bold;">{{{staminacost}}}</div>
	</div>		</div>

Ta1ha: Creating template for characters

2023-06-29T17:57:18Z

Creating template for characters

New page

<includeonly>
<div class="itembox" style="width:90%;max-width:400px;{{#ifeq:{{{nofloat|}}}|1||float:right;}}">
<div class="itemboxheader">
<div style="float:left">
[[File:{{{image|{{{name}}}.png}}}|link={{{name}}}|96px]]
</div>
<div style="width:60%;max-width:280px;margin-left:15px;height:100px;justify-content:space-between!important;display:flex;flex-direction: column!important;float:left;margin-top:0px;">
<div class="bold" style="margin-top:0px!important;font-size:22px;">{{{name}}}</div>
<div style="width:100%;justify-content:space-between!important;display:flex;flex-direction: row!important;font-size:17px;">
<div style="color:rgb(221,149,42);">{{{info}}}</div>
</div>
</div>
</div>
<div class="line"></div>{{#if:{{{savagery|}}}|
<div class="stats-container" style="clear: both;">
<div style="float: left; width: 30%; font-weight:bold; color:rgb(221,149,42);">Savagery</div>
<div style="float: right;width: 20%;color:rgb(132,176,5);text-align-last: right;font-weight:bold;">{{{savagery}}}</div>
</div>
|}}{{#if:{{{harvesting|}}}|
<div class="stats-container" style="clear: both;">
<div style="float: left; width: 30%; font-weight:bold; color:rgb(221,149,42);">Harvesting</div>
<div style="float: right;width: 20%;color:rgb(132,176,5);text-align-last: right;font-weight:bold;">{{{harvesting}}}</div>
</div>
|}}{{#if:{{{toughness|}}}|
<div class="stats-container" style="clear: both;">
<div style="float: left; width: 30%; font-weight:bold; color:rgb(221,149,42);">Toughness</div>
<div style="float: right;width: 20%;color:rgb(132,176,5);text-align-last: right;font-weight:bold;">{{{toughness}}}</div>
</div>
|}}{{#if:{{{endurance|}}}|
<div class="stats-container" style="clear: both;">
<div style="float: left; width: 30%; font-weight:bold; color:rgb(221,149,42);">Endurance</div>
<div style="float: right;width: 20%;color:rgb(132,176,5);text-align-last: right;font-weight:bold;">{{{endurance}}}</div>
</div>
|}}{{#if:{{{strength|}}}|
<div class="stats-container" style="clear: both;">
<div style="float: left; width: 30%; font-weight:bold; color:rgb(221,149,42);">Strength</div>
<div style="float: right;width: 20%;color:rgb(132,176,5);text-align-last: right;font-weight:bold;">{{{strength}}}</div>
</div>
|}}{{#if:{{{proficiency|}}}|
<div class="stats-container" style="clear: both;">
<div style="float: left; width: 30%; font-weight:bold; color:rgb(221,149,42);">Proficiency</div>
<div style="float: right;width: 20%;color:rgb(132,176,5);text-align-last: right;font-weight:bold;">{{{proficiency}}}</div>
</div>
|}}{{#if:{{{stealth|}}}|
<div class="stats-container" style="clear: both;">
<div style="float: left; width: 30%; font-weight:bold; color:rgb(221,149,42);">Stealth</div>
<div style="float: right;width: 20%;color:rgb(132,176,5);text-align-last: right;font-weight:bold;">{{{stealth}}}</div>
</div>
|}}<br><div class="line"></div>
{{#if:{{{damage|}}}|
<div class="stats-container" style="clear: both;">
<div style="float: left; width: 30%; font-weight:bold; color:rgb(221,149,42);">Melee damage</div>
<div style="float: right;width: 20%;text-align-last: right;font-weight:bold;">{{{damage}}}</div>
</div>
|}}{{#if:{{{walk|}}}|
<div class="stats-container" style="clear: both;">
<div style="float: left; width: 30%; font-weight:bold; color:rgb(221,149,42);">Walk Speed</div>
<div style="float: right;width: 20%;text-align-last: right;font-weight:bold;">{{{walk}}}</div>
</div>
|}}{{#if:{{{run|}}}|
<div class="stats-container" style="clear: both;">
<div style="float: left; width: 30%; font-weight:bold; color:rgb(221,149,42);">Run Speed</div>
<div style="float: right;width: 20%;text-align-last: right;font-weight:bold;">{{{run}}}</div>
</div>
|}}{{#if:{{{sprint|}}}|
<div class="stats-container" style="clear: both;">
<div style="float: left; width: 40%; font-weight:bold; color:rgb(221,149,42);">Sprint Speed</div>
<div style="float: right;width: 20%;text-align-last: right;font-weight:bold;">{{{sprint}}}</div>
</div>
|}}{{#if:{{{attack|}}}|
<div class="stats-container" style="clear: both;">
<div style="float: left; width: 40%; font-weight:bold; color:rgb(221,149,42);">Attack Damage</div>
<div style="float: right;width: 20%;text-align-last: right;font-weight:bold;">{{{attack}}}</div>
</div>
|}}{{#if:{{{staminacost|}}}|
<div class="stats-container" style="clear: both;">
<div style="float: left; width: 40%; font-weight:bold; color:rgb(221,149,42);">Stamina Cost</div>
<div style="float: right;width: 20%;text-align-last: right;font-weight:bold;">{{{staminacost}}}</div>
</div>
|}}
</div>
</includeonly>
<noinclude>
== Usage ==
This template can be used by entering the following onto a relevant page. Do not use this on your user page. It is reserved for content pages.
<pre>{{Infobox Character
|name = Cook
|image = Cookim.png
|info = 6'7" • 330 lbs. • ??? years • Hometown ???
|savagery = 30
|harvesting = 11
|endurance = 18
|damage = 16
|walk = 5
|run = 7
|sprint = 9
}}
</pre>
Results in:

{{Infobox Character
|name = Cook
|image = Cookim.png
|info = 6'7" • 330 lbs. • ??? years • Hometown ???
|savagery = 30
|harvesting = 11
|endurance = 18
|damage = 16
|walk = 5
|run = 7
|sprint = 9
}}

<br>

<pre>{{Infobox Character
|name = Ana
|image = Anaim.png
|info = 5'4" • 105 lbs. • 18 years • Uvalde, Texas
|toughness = 40
|endurance = 25
|strength = 20
|proficiency = 10
|stealth = 25
|attack = 5
|staminacost = 7
}}
</pre>
Results in:

{{Infobox Character
|name = Ana
|image = Anaim.png
|info = 5'4" • 105 lbs. • 18 years • Uvalde, Texas
|toughness = 40
|endurance = 25
|strength = 20
|proficiency = 10
|stealth = 25
|attack = 5
|staminacost = 7
}}