Difference between revisions of "Template:Color box"
From EVE University Wiki
(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| | + | <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
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}}
:
{{Color box|color=#144f1d|border=#2f8f2f|A more colorful box!}}
:
{{Color box|color=#110033|border=#6600bb|width=70%|A smaller, purple box}}
:
{{Color box|color=#66FFFF|border=#6600FF|text=#000000|A light blue box with dark text}}
: