Difference between revisions of "Template:Infobox"

From TheHolo.Net Forums Wiki

Jump to:navigation, search
Line 3: Line 3:
 
To use the template, simply copy and paste the code below into a new character template.
 
To use the template, simply copy and paste the code below into a new character template.
 
<pre><nowiki>{{Infobox
 
<pre><nowiki>{{Infobox
 +
| Color1=Background Colour
 +
| Color2=Line Colour
 
| Title=Datasheet
 
| Title=Datasheet
 
| Image=image  
 
| Image=image  
Line 32: Line 34:
 
{{clear}}
 
{{clear}}
  
<div style="width:250px;float:right;clear:right;margin:1em 0 1em 1em;border:1px solid #A68064;background:#CDB79E;-moz-border-radius:10px;padding:10px 10px 10px 10px;">
+
<div style="width:250px;float:right;clear:right;margin:1em 0 1em 1em;border:1px solid {{{Color2}}};background:{{{Color1}}};-moz-border-radius:10px;padding:10px 10px 10px 10px;">
 
<div style="text-align:center;font-size:16px;font-weight:900;line-height:1.5em;">{{{Title}}}
 
<div style="text-align:center;font-size:16px;font-weight:900;line-height:1.5em;">{{{Title}}}
 
<div class="hiddenStructure{{{Actor|}}}" style="width:250px;clear:left;font-size:10px;text-align:center">
 
<div class="hiddenStructure{{{Actor|}}}" style="width:250px;clear:left;font-size:10px;text-align:center">
 
</div>
 
</div>
 
<div class="hiddenStructure{{{Image|}}}">[[Image:{{{Image}}}|{{{ImageSize|248px}}}|center]]<br></div></div>
 
<div class="hiddenStructure{{{Image|}}}">[[Image:{{{Image}}}|{{{ImageSize|248px}}}|center]]<br></div></div>
<div style="clear:left;font-size:12px;text-align:center;border-top:2px solid #A68064;">
+
<div style="clear:left;font-size:12px;text-align:center;border-top:2px solid {{{Color2}}};">
 
<div style="width:80px;float:left;text-align:left;">Name</div>
 
<div style="width:80px;float:left;text-align:left;">Name</div>
 
<div style="width:170px;float:left;text-align:right;">{{{Name}}}</div>
 
<div style="width:170px;float:left;text-align:right;">{{{Name}}}</div>
 
</div>
 
</div>
 
{{ #if:{{{Codename|}}}|
 
{{ #if:{{{Codename|}}}|
<div style="clear:left;font-size:12px;text-align:center;border-top:1px solid #A68064;">
+
<div style="clear:left;font-size:12px;text-align:center;border-top:1px solid {{{Color2}}};">
 
<div style="width:80px;float:left;text-align:left;">Codename</div>
 
<div style="width:80px;float:left;text-align:left;">Codename</div>
 
<div style="width:170px;float:left;text-align:right;">{{{Codename}}}</div>
 
<div style="width:170px;float:left;text-align:right;">{{{Codename}}}</div>
 
</div>
 
</div>
 
}} {{ #if:{{{Callsign|}}}|
 
}} {{ #if:{{{Callsign|}}}|
<div style="clear:left;font-size:12px;text-align:center;border-top:1px solid #A68064;">
+
<div style="clear:left;font-size:12px;text-align:center;border-top:1px solid {{{Color2}}};">
 
<div style="width:80px;float:left;text-align:left;">Callsign</div>
 
<div style="width:80px;float:left;text-align:left;">Callsign</div>
 
<div style="width:170px;float:left;text-align:right;">{{{Callsign}}}</div>
 
<div style="width:170px;float:left;text-align:right;">{{{Callsign}}}</div>
 
</div>
 
</div>
 
}} {{ #if:{{{Aliases|}}}|
 
}} {{ #if:{{{Aliases|}}}|
<div style="clear:left;font-size:12px;text-align:center;border-top:1px solid #A68064;">
+
<div style="clear:left;font-size:12px;text-align:center;border-top:1px solid {{{Color2}}};">
 
<div style="width:80px;float:left;text-align:left;">Aliases</div>
 
<div style="width:80px;float:left;text-align:left;">Aliases</div>
 
<div style="width:170px;float:left;text-align:right;">{{{Aliases}}}</div>
 
<div style="width:170px;float:left;text-align:right;">{{{Aliases}}}</div>
 
</div>
 
</div>
 
}} {{ #if:{{{Age|}}}|
 
}} {{ #if:{{{Age|}}}|
<div style="clear:left;font-size:12px;text-align:center;border-top:1px solid #A68064;">
+
<div style="clear:left;font-size:12px;text-align:center;border-top:1px solid {{{Color2}}};">
 
<div style="width:80px;float:left;text-align:left;">Age</div>
 
<div style="width:80px;float:left;text-align:left;">Age</div>
 
<div style="width:170px;float:left;text-align:right;">{{{Age}}}</div>
 
<div style="width:170px;float:left;text-align:right;">{{{Age}}}</div>
 
</div>
 
</div>
 
}} {{ #if:{{{Height|}}}|
 
}} {{ #if:{{{Height|}}}|
<div style="clear:left;font-size:12px;text-align:center;border-top:1px solid #A68064;">
+
<div style="clear:left;font-size:12px;text-align:center;border-top:1px solid {{{Color2}}};">
 
<div style="width:80px;float:left;text-align:left;">Height</div>
 
<div style="width:80px;float:left;text-align:left;">Height</div>
 
<div style="width:170px;float:left;text-align:right;">{{{Height}}}</div>
 
<div style="width:170px;float:left;text-align:right;">{{{Height}}}</div>
 
</div>
 
</div>
 
}} {{ #if:{{{Weight|}}}|
 
}} {{ #if:{{{Weight|}}}|
<div style="clear:left;font-size:12px;text-align:center;border-top:1px solid #A68064;">
+
<div style="clear:left;font-size:12px;text-align:center;border-top:1px solid {{{Color2}}};">
 
<div style="width:80px;float:left;text-align:left;">Weight</div>
 
<div style="width:80px;float:left;text-align:left;">Weight</div>
 
<div style="width:170px;float:left;text-align:right;">{{{Weight}}}</div>
 
<div style="width:170px;float:left;text-align:right;">{{{Weight}}}</div>
 
</div>
 
</div>
 
}} {{ #if:{{{Eye|}}}|
 
}} {{ #if:{{{Eye|}}}|
<div style="clear:left;font-size:12px;text-align:center;border-top:1px solid #A68064;">
+
<div style="clear:left;font-size:12px;text-align:center;border-top:1px solid {{{Color2}}};">
 
<div style="width:80px;float:left;text-align:left;">Eye Color</div>
 
<div style="width:80px;float:left;text-align:left;">Eye Color</div>
 
<div style="width:170px;float:left;text-align:right;">{{{Eye}}}</div>
 
<div style="width:170px;float:left;text-align:right;">{{{Eye}}}</div>
 
</div>
 
</div>
 
}} {{ #if:{{{Hair|}}}|
 
}} {{ #if:{{{Hair|}}}|
<div style="clear:left;font-size:12px;text-align:center;border-top:1px solid #A68064;">
+
<div style="clear:left;font-size:12px;text-align:center;border-top:1px solid {{{Color2}}};">
 
<div style="width:80px;float:left;text-align:left;">Hair Color</div>
 
<div style="width:80px;float:left;text-align:left;">Hair Color</div>
 
<div style="width:170px;float:left;text-align:right;">{{{Hair}}}</div>
 
<div style="width:170px;float:left;text-align:right;">{{{Hair}}}</div>
 
</div>
 
</div>
 
}} {{ #if:{{{Species|}}}|
 
}} {{ #if:{{{Species|}}}|
<div style="clear:left;font-size:12px;text-align:center;border-top:1px solid #A68064;">
+
<div style="clear:left;font-size:12px;text-align:center;border-top:1px solid {{{Color2}}};">
 
<div style="width:80px;float:left;text-align:left;">Species</div>
 
<div style="width:80px;float:left;text-align:left;">Species</div>
 
<div style="width:170px;float:left;text-align:right;">{{{Species}}}</div>
 
<div style="width:170px;float:left;text-align:right;">{{{Species}}}</div>
 
</div>
 
</div>
 
}} {{ #if:{{{Home|}}}|
 
}} {{ #if:{{{Home|}}}|
<div style="clear:left;font-size:12px;text-align:center;border-top:1px solid #A68064;">
+
<div style="clear:left;font-size:12px;text-align:center;border-top:1px solid {{{Color2}}};">
 
<div style="width:80px;float:left;text-align:left;">Home Planet</div>
 
<div style="width:80px;float:left;text-align:left;">Home Planet</div>
 
<div style="width:170px;float:left;text-align:right;">{{{Home}}}</div>
 
<div style="width:170px;float:left;text-align:right;">{{{Home}}}</div>
 
</div>
 
</div>
 
}} {{ #if:{{{Year|}}}|
 
}} {{ #if:{{{Year|}}}|
<div style="clear:left;font-size:12px;text-align:center;border-top:1px solid #A68064;">
+
<div style="clear:left;font-size:12px;text-align:center;border-top:1px solid {{{Color2}}};">
 
<div style="width:80px;float:left;text-align:left;">Born in...</div>
 
<div style="width:80px;float:left;text-align:left;">Born in...</div>
 
<div style="width:170px;float:left;text-align:right;">{{{Year}}}</div>
 
<div style="width:170px;float:left;text-align:right;">{{{Year}}}</div>
 
</div>
 
</div>
 
}}
 
}}
<div style="clear:left;font-size:12px;text-align:center;border-top:2px solid #A68064;">
+
<div style="clear:left;font-size:12px;text-align:center;border-top:2px solid {{{Color2}}};">
 
<div style="width:80px;float:left;text-align:left;">Spouse</div>
 
<div style="width:80px;float:left;text-align:left;">Spouse</div>
 
<div style="width:170px;float:left;text-align:right;">{{{Spouse}}}</div>
 
<div style="width:170px;float:left;text-align:right;">{{{Spouse}}}</div>
 
</div>
 
</div>
<div style="clear:left;font-size:12px;text-align:center;border-top:1px solid #A68064;">
+
<div style="clear:left;font-size:12px;text-align:center;border-top:1px solid {{{Color2}}};">
 
<div style="width:80px;float:left;text-align:left;">Mother</div>
 
<div style="width:80px;float:left;text-align:left;">Mother</div>
 
<div style="width:170px;float:left;text-align:right;">{{{Mother}}}</div>
 
<div style="width:170px;float:left;text-align:right;">{{{Mother}}}</div>
 
</div>
 
</div>
<div style="clear:left;font-size:12px;text-align:center;border-top:1px solid #A68064;">
+
<div style="clear:left;font-size:12px;text-align:center;border-top:1px solid {{{Color2}}};">
 
<div style="width:80px;float:left;text-align:left;">Father</div>
 
<div style="width:80px;float:left;text-align:left;">Father</div>
 
<div style="width:170px;float:left;text-align:right;">{{{Father}}}</div>
 
<div style="width:170px;float:left;text-align:right;">{{{Father}}}</div>
 
</div>
 
</div>
 
{{ #if:{{{Siblings|}}}|
 
{{ #if:{{{Siblings|}}}|
<div style="clear:left;font-size:12px;text-align:center;border-top:1px solid #A68064;">
+
<div style="clear:left;font-size:12px;text-align:center;border-top:1px solid {{{Color2}}};">
 
<div style="width:80px;float:left;text-align:left;">Siblings</div>
 
<div style="width:80px;float:left;text-align:left;">Siblings</div>
 
<div style="width:170px;float:left;text-align:right;">{{{Siblings}}}</div>
 
<div style="width:170px;float:left;text-align:right;">{{{Siblings}}}</div>
 
</div>
 
</div>
 
}} {{ #if:{{{Children|}}}|
 
}} {{ #if:{{{Children|}}}|
<div style="clear:left;font-size:12px;text-align:center;border-top:1px solid #A68064;">
+
<div style="clear:left;font-size:12px;text-align:center;border-top:1px solid {{{Color2}}};">
 
<div style="width:80px;float:left;text-align:left;">Children</div>
 
<div style="width:80px;float:left;text-align:left;">Children</div>
 
<div style="width:170px;float:left;text-align:right;">{{{Children}}}</div>
 
<div style="width:170px;float:left;text-align:right;">{{{Children}}}</div>
 
</div> }}
 
</div> }}
<div style="clear:left;font-size:12px;text-align:center;border-top:2px solid #A68064;">
+
<div style="clear:left;font-size:12px;text-align:center;border-top:2px solid {{{Color2}}};">
 
<div style="width:80px;float:left;text-align:left;">Affiliation</div>
 
<div style="width:80px;float:left;text-align:left;">Affiliation</div>
 
<div style="width:170px;float:left;text-align:right;">{{{Faction}}}</div>
 
<div style="width:170px;float:left;text-align:right;">{{{Faction}}}</div>
 
</div>
 
</div>
 
{{ #if:{{{Rank|}}}|
 
{{ #if:{{{Rank|}}}|
<div style="clear:left;font-size:12px;text-align:center;border-top:1px solid #A68064;">
+
<div style="clear:left;font-size:12px;text-align:center;border-top:1px solid {{{Color2}}};">
 
<div style="width:80px;float:left;text-align:left;">Rank</div>
 
<div style="width:80px;float:left;text-align:left;">Rank</div>
 
<div style="width:170px;float:left;text-align:right;">{{{Rank}}}</div>
 
<div style="width:170px;float:left;text-align:right;">{{{Rank}}}</div>
 
</div>
 
</div>
 
}} {{ #if:{{{Master|}}}|
 
}} {{ #if:{{{Master|}}}|
<div style="clear:left;font-size:12px;text-align:center;border-top:1px solid #A68064;">
+
<div style="clear:left;font-size:12px;text-align:center;border-top:1px solid {{{Color2}}};">
 
<div style="width:80px;float:left;text-align:left;">Master</div>
 
<div style="width:80px;float:left;text-align:left;">Master</div>
 
<div style="width:170px;float:left;text-align:right;">{{{Master}}}</div>
 
<div style="width:170px;float:left;text-align:right;">{{{Master}}}</div>
 
</div>
 
</div>
 
}} {{ #if:{{{Padawan|}}}|
 
}} {{ #if:{{{Padawan|}}}|
<div style="clear:left;font-size:12px;text-align:center;border-top:1px solid #A68064;">
+
<div style="clear:left;font-size:12px;text-align:center;border-top:1px solid {{{Color2}}};">
 
<div style="width:80px;float:left;text-align:left;">Apprentice</div>
 
<div style="width:80px;float:left;text-align:left;">Apprentice</div>
 
<div style="width:170px;float:left;text-align:right;">{{{Apprentice}}}</div>
 
<div style="width:170px;float:left;text-align:right;">{{{Apprentice}}}</div>
 
</div>
 
</div>
 
}} {{ #if:{{{Ship|}}}|
 
}} {{ #if:{{{Ship|}}}|
<div style="clear:left;font-size:12px;text-align:center;border-top:1px solid #A68064;">
+
<div style="clear:left;font-size:12px;text-align:center;border-top:1px solid {{{Color2}}};">
 
<div style="width:80px;float:left;text-align:left;">Ship</div>
 
<div style="width:80px;float:left;text-align:left;">Ship</div>
 
<div style="width:170px;float:left;text-align:right;">{{{Ship}}}</div>
 
<div style="width:170px;float:left;text-align:right;">{{{Ship}}}</div>
 
}}
 
}}
 
{{ #if:{{{Droid|}}}|
 
{{ #if:{{{Droid|}}}|
<div style="clear:left;font-size:12px;text-align:center;border-top:1px solid #A68064;">
+
<div style="clear:left;font-size:12px;text-align:center;border-top:1px solid {{{Color2}}};">
 
<div style="width:80px;float:left;text-align:left;">Droids</div>
 
<div style="width:80px;float:left;text-align:left;">Droids</div>
 
<div style="width:170px;float:left;text-align:right;">{{{Droid}}}</div>
 
<div style="width:170px;float:left;text-align:right;">{{{Droid}}}</div>
 
</div>
 
</div>
 
}} {{ #if:{{{Location|}}}|
 
}} {{ #if:{{{Location|}}}|
<div style="clear:left;font-size:12px;text-align:center;border-top:1px solid #A68064;">
+
<div style="clear:left;font-size:12px;text-align:center;border-top:1px solid {{{Color2}}};">
 
<div style="width:80px;float:left;text-align:left;">Location</div>
 
<div style="width:80px;float:left;text-align:left;">Location</div>
 
<div style="width:170px;float:left;text-align:right;">{{{Location}}}</div>
 
<div style="width:170px;float:left;text-align:right;">{{{Location}}}</div>
 
</div>
 
</div>
 
}}
 
}}
<div class="hiddenStructure{{{Images|}}}" style="width:250px;clear:left;font-size:10px;text-align:center;border-top:2px solid #A68064;">
+
<div class="hiddenStructure{{{Images|}}}" style="width:250px;clear:left;font-size:10px;text-align:center;border-top:2px solid {{{Color2}}};">
 
<br><br><br><br>
 
<br><br><br><br>
 
<br><br><br><br>
 
<br><br><br><br>
  
 
</div></div>
 
</div></div>
 +
 +
A useful [http://www.2createawebsite.com/build/hex-colors.html link] to help you find hex codes.

Revision as of 23:48, 30 August 2010

usage

To use the template, simply copy and paste the code below into a new character template.

{{Infobox
| Color1=Background Colour
| Color2=Line Colour
| Title=Datasheet
| Image=image 
| Name=Character Name
| Codename=Codename
| Callsign=Callsign
| Aliases=Alias
| Age=Age
| Height=height
| Weight=weight
| Eye=Eye Color
| Hair=Hair Color
| Species=Species
| Home=Home Planet
| Year=Year of Birth (BE/AE)
| Spouse=Spouse
| Mother=Mother
| Father=Father
| Siblings=Sibling<br>Sibling
| Children=Children
| Faction=Faction
| Rank=Rank
| Master=Master
| Apprentice=Apprentices, Padawans
| Ship=Ship
| Droid=Droid
| Location=Current / most common location
}}
{{{Title}}}
[[Image:{{{Image}}}|248px|center]]
Name
{{{Name}}}

{{ #if:|

Codename
{{{Codename}}}

}} {{ #if:|

Callsign
{{{Callsign}}}

}} {{ #if:|

Aliases
{{{Aliases}}}

}} {{ #if:|

Age
{{{Age}}}

}} {{ #if:|

Height
{{{Height}}}

}} {{ #if:|

Weight
{{{Weight}}}

}} {{ #if:|

Eye Color
{{{Eye}}}

}} {{ #if:|

Hair Color
{{{Hair}}}

}} {{ #if:|

Species
{{{Species}}}

}} {{ #if:|

Home Planet
{{{Home}}}

}} {{ #if:|

Born in...
{{{Year}}}

}}

Spouse
{{{Spouse}}}
Mother
{{{Mother}}}
Father
{{{Father}}}

{{ #if:|

Siblings
{{{Siblings}}}

}} {{ #if:|

Children
{{{Children}}}
}}
Affiliation
{{{Faction}}}

{{ #if:|

Rank
{{{Rank}}}

}} {{ #if:|

Master
{{{Master}}}

}} {{ #if:|

Apprentice
{{{Apprentice}}}

}} {{ #if:|

Ship
{{{Ship}}}

}} {{ #if:|

Droids
{{{Droid}}}

}} {{ #if:|

Location
{{{Location}}}

}}









A useful link to help you find hex codes.