View source for Template:Box

<noinclude>
<br style="clear:both" />
{{Template:Template}}
== Generic box template ==
Parameters:
* '''title''' - The box title. Default: "I am a box" 
* '''text''' - The box text. Default: "I contain lots of interesting things "
* '''image''' - The image on the left of the box. Default: "BA_Logo_mini_184px.png"
** '''img_border''' - CSS for the border around the image. Default: "1px solid rgb(127,127,127)"
** '''img_width''' - The images desired width. Default: "100"
* '''border''' - Colour for the box border. Default: "rgb(125, 106, 141)"
* '''head_bg''' - Colour of the box head. Default: Same as ''border''
* '''bg''' - Background colour of the box. Default: "rgb(224, 190, 253)"
* '''width''' - Width of the box. Default: "450"
* '''color''' - Text color for the box text. Default: "rgb(0, 0, 0)"

== Example Box ==
{{bc|<nowiki>{{box
|title=Example Box
|text='''This box.''' It is an ''example''.
|image=USA_10191_x10207_Monument_Valley_Luca_Galuzzi_2007.jpg
|img_border=2px solid rgb(224, 190, 253)
|img_width=120
|border=rgb(0, 43, 184)
|head_bg=rgb(231, 165, 86)
|bg=rgb(186, 0, 0)
|width=300
|color=rgb(186, 215, 134)
}}</nowiki>}}

Will create...

{{box
|title=Example Box
|text='''This box.''' It is an ''example''.
|image=USA_10191_x10207_Monument_Valley_Luca_Galuzzi_2007.jpg
|img_border=2px solid rgb(224, 190, 253)
|img_width=120
|border=rgb(0, 43, 184)
|head_bg=rgb(231, 165, 86)
|bg=rgb(186, 0, 0)
|width=300
|color=rgb(186, 215, 134)
}}

== Use in sidebar ==
{{bc|<nowiki><div style="clear:right; float:right; width:220px;"> {{Box
|bg = rgb( 255, 255, 255 )
|head_bg = #DDAACC
|border = #B58BA7
|title = DQN
|text = DQN DQN LOL
|image = jj.png
|img_width = 74
|width = 220
}}</div></nowiki>}}
<div style="clear:right; float:right; width:220px;"> {{Box
|bg = rgb( 255, 255, 255 )
|head_bg = #DDAACC
|border = #B58BA7
|title = DQN
|text = DQN DQN LOL
|image = jj.png
|img_width = 74
|width = 220
}}</div>
Will look like this ▶

220px is the de facto standard sidebar width. Don't change it if it is not necessary. 

</noinclude>
<includeonly>
{| cellspacing="0" cellpadding="0" style="border: 1px solid {{{border|rgb(125, 106, 141)}}}; margin: 10px auto; padding: 0pt; text-align: left; width: {{{width|450}}}px; background-color: {{{bg|rgb(224, 190, 253)}}}; color: {{{color|rgb(0, 0, 0)}}}"
| <div style="border-bottom: 1px solid {{{border|rgb(125, 106, 141)}}}; background-color: {{{head_bg|{{{border|rgb(125, 106, 141)}}}}}}; font-size: 1px; height: 8px;"></div>
<div class="box_image" style="margin: 5px 8px 8px; float: left; border:{{{img_border|1px solid rgb(127,127,127)}}};">
[[Image:{{{image|BA_Logo_mini_184px.png}}}|{{{img_width|100}}}px]]
</div>
<div style="border-bottom: 1px solid rgb(170, 170, 170); padding: 5px; font-family: Verdana; font-style: normal; font-variant: normal; font-size: 13pt; line-height: normal; font-size-adjust: none; font-stretch: normal; font-weight: bold; text-align: right; color: {{{color|rgb(0, 0, 0)}}}">{{{title|I am a box}}}
</div>
{{{text|I contain lots of interesting things}}}
|}
</includeonly>