Template:Infobox/doc

2014-03-31T16:25:36Z

Meester Tweester:

An '''infobox''' can be added to give a visual lift to pages by displaying a box at the top right or left of any article. They have been designed to be a flexible and easy to use way of incorporating a picture and brief description of anything you are writing an article about. Various examples have been given, but only experimentation can surely determine success.

==Usage==
The default infobox will display at the top right of an page and have the text wrapped round it to the left. To include a default infobox type
<pre>
{{Infobox|title=My Title}}
</pre>
and replace the ''My Title'' with your own title.
It is also possible (and highly recommended) to include a picture of the item you are describing by adding an ''image'' property by typing
<pre>
{{Infobox|title=My Title|image=Myimage.jpg}}
</pre>
and again, replacing ''Myimage.jpg'' with your own picture name.

===Parameters===
{| class="wikitable grid"
|-
!Name
!Requirement
!Options
|-
|title
|required
|
|-
|image
|optional
|
|-
|imagewidth
|optional
|[''Default:150px'']
|-
|align
|optional
|''left'' or ''right'' [''Default:right'']
|-
|width
|optional
|[''Default:18em'']
|-
|contents
|optional
|
|-
|style
|optional
|(takes any valid css style)
|}

===Examples===
<div style="background-color:white;border:solid navy 1px">
{{Infobox|title=My Title|contents=This is a brief description.}}
{|
|
<pre>
<nowiki>
{{Infobox
|title=My Title
|contents=This is a brief description.
}}
</nowiki>
</pre>
|}
</div>
<br style="clear:both" />

<div style="background-color:white;border:solid navy 1px">
{{Infobox
|title=Soldier
|align=left
|image=Soldier.png
|contents=This is a brief description for the [[Soldier]].
}}
{|
|
<pre>
<nowiki>
{{Infobox
|title=Soldier
|align=left
|image=Soldier.png
|contents=This is a brief description for the [[Soldier]].
}}
</nowiki>
</pre>
|}
<br/><br/><br/><br/><br/><br/><br/><br/><br/>
</div>

<br style="clear:both" />

<div style="background-color:white;border:solid navy 1px">
{{Infobox
|title=Soldier
|align=right
|width=100px
|image=Soldier.png
|imagewidth=50px
|contents=This is a brief description for the [[Soldier]].
}}
{|
|
<pre>
<nowiki>
{{Infobox
|title=Soldier
|align=right
|width=90px
|image=Soldier.png
|imagewidth=60px
|contents=This is a brief description for the [[Soldier]].
}}
</nowiki>
</pre>
|}
</div>
<br style="clear:both" />

<div style="background-color:white;border:solid navy 1px">
{{Infobox
|title=Soldier
|align=left
|width=100px
|image=Soldier.png
|imagewidth=100px
|style=text-align:left;padding:1em;text-transform:capitalize;
|contents=
<table class="transparent" width="100%" style="border-collapse:collapse">
<th colspan="2" class="header">Info</th>
<tr><td class="bold">class:</td><td>soldier</td></tr>
<tr><td class="bold">type:</td><td>offensive</td></tr>
<tr><td class="bold">health:</td><td>200</td></tr>
<tr><td class="bold">speed:</td><td>80%</td></tr>
</table>
}}
''Note: It isn't recommended that you change the styling or use a standard infobox for something as complicated as this, it is only an example of how it is possible to mix css styles and html contents within an infobox. Creating a new template specifically for complex content would be better.''
{|
|
<pre>
<nowiki>
{{Infobox
|title=Soldier
|align=left
|width=100px
|image=Soldier.png
|imagewidth=100px
|style=text-align:left;padding:1em;text-transform:capitalize;
|contents=
<table class="transparent" width="100%" style="border-collapse:collapse">
<th colspan="2" class="header">Info</th>
<tr><td class="bold">class:</td><td>soldier</td></tr>
<tr><td class="bold">type:</td><td>offensive</td></tr>
<tr><td class="bold">health:</td><td>200</td></tr>
<tr><td class="bold">speed:</td><td>80%</td></tr>
</table>
}}
</nowiki>
</pre>
|}
</div>

==See also==
*[[Template:Infobox class]]
*[[Template:Infobox map]]

<noinclude>
[[Category:Template documentation|{{PAGENAME}}]]
</noinclude>

BESA® Wiki - User contributions [en]

Template:Infobox/doc