Difference between revisions of "Template:Color box"

From EVE University Wiki
Jump to: navigation, search
(Expanded functionality, improve documentation)
(Corrected width parameter)
Line 1: Line 1:
<div style="margin:0; background-color:{{{color|#000000}}}; border:1px solid {{{border|#888888}}}; font-style:italic; text-align:left; padding:1em 1em 1em 1em; overflow:hidden; color:{{{text|#ffffff}}}; width:{{{width|100%}}}; margin-left:auto; margin-right:auto">{{{1|Example text}}}</div><noinclude>
+
<div style="margin:0; background-color:{{{color|#000000}}}; border:1px solid {{{border|#888888}}}; font-style:italic; text-align:left; padding:1em 1em 1em 1em; overflow:hidden; color:{{{text|#ffffff}}}; {{#if:{{{width}}}|width:{{{width}}}|}}; margin-right:auto; margin-left:auto">{{{1|Example text}}}</div><noinclude>
 +
__NOTOC__
 
==Syntax==
 
==Syntax==
 
This template creates a text box.  
 
This template creates a text box.  

Revision as of 12:49, 11 February 2014

Example text

Syntax

This template creates a text box.

{{Color box | color= | border= | text= | width= | content }}

Parameters

All the parameters are optional.

color
This sets the background color of the text box. You can use either color names (e.g. blue, green), or the color's RGB values as a hexadecimal number (which must be preceded by a hash character, e.g. #222222 for light gray, or #990099 for purple). If omitted, the background color will be black.
border
This sets the color of the border (color formatting as above). If omitted, the border will be light gray.
text
This sets the color of the text (color formatting as above). If omitted, the text will be white.
width
This sets the width of the text box. It's recommended to set this as a percentage (of the paragraph width), so 50% will produce a text box half as wide as the surrounding paragraph. If omitted, the text box will be as wide as the surrounding paragraph (100%).

Usage notes

The background color should be darker than the border. Depending on how light the background color is, either white or black text is easier to read.

Examples

{{Color box|A very basic text box}}:

A very basic text box


{{Color box|color=#144f1d|border=#2f8f2f|A more colorful box!}}:

A more colorful box!


{{Color box|color=#110033|border=#6600bb|width=70%|A smaller, purple box}}:

A smaller, purple box


{{Color box|color=#66FFFF|border=#6600FF|text=#000000|A light blue box with dark text}}:

A light blue box with dark text