Template:TitledBox

< class="box shrink" style="background-color: #F9F9F9; border-color: #AAA;">

</>

< class="box shrink" style="background-color: #F9F9F9; border-color: #AAA;">

This box has a title

Creates this border and shaded background around something important, making it stand out, and attaches a heading. Yeah. You like that, don't you? Looks awesome, doesn't it? Use it on occasion, but try to not make entire pages filled with them. Comes in 6 colors, as the second unnamed parameter</> < class="box shrink" style="background-color: #FFF5F5; border-color: #AC2F2F;width:100px; display:inline-block;">

Red

This box is</> < class="box shrink" style="background-color: #FFFAF5; border-color: #AC6E2F;width:100px; display:inline-block;">

Orange

This box is</> < class="box shrink" style="background-color: #FFFFF5; border-color: #ACAC2F;width:100px; display:inline-block;">

Yellow

This box is</> < class="box shrink" style="background-color: #FAFFF5; border-color: #6EAC2F;width:100px; display:inline-block;">

Lime

This box is</> < class="box shrink" style="background-color: #F5FFF5; border-color: #2FAC2F;width:100px; display:inline-block;">

Green

This box is</> < class="box shrink" style="background-color: #F5FFFA; border-color: #2FAC6E;width:100px; display:inline-block;">

Turquoise

This box is</> < class="box shrink" style="background-color: #F5FFFF; border-color: #2FACAC;width:100px; display:inline-block;">

Cyan

This box is</> < class="box shrink" style="background-color: #F5FAFF; border-color: #2F6EAC;width:100px; display:inline-block;">

Blue

This box is</> < class="box shrink" style="background-color: #F5F5FF; border-color: #2F2FAC;width:100px; display:inline-block;">

Indigo

This box is</> < class="box shrink" style="background-color: #FAF5FF; border-color: #6E2FAC;width:100px; display:inline-block;">

Purple

This box is</> < class="box shrink" style="background-color: #FFF5FF; border-color: #AC2FAC;width:100px; display:inline-block;">

Magenta

This box is</> < class="box shrink" style="background-color: #FFF5FA; border-color: #AC2F6E;width:100px; display:inline-block;">

Pink

This box is</> < class="box shrink" style="background-color: #FFFAF5; border-color: #AC6E2F;background-color: #F2E0CE;">

Comes in dark (in this case orange) too!

Cool, huh!</>