AboutUsColoredBox
BasicBox templates are a set of boxes for use on various AboutUs pages designed to be easily added and understood by users and staff without having to know (or see) advanced MediaWiki syntax or HTML. For boxes with either 2 or 3 columns of text, see AboutUsMultiColumnBox. See below for instructions.
Contents
Examples:
|
This is a generic info box in red, created with minimal parameters |
|
This is a generic info box in blue, created with minimal parameters |
|
This is a generic info box in green, created with minimal parameters |
|
This is a generic info box in gray, created with minimal parameters |
ColoredBox Instructions
Color Variants
There are five color variations for the ColoredBox templates, which use proven web-safe colors. Additionally, the {{GrayBox}} template allows for customizing the colors via passed parameters:
Basic uses
There is only one parameters needed to be passed in the template call:
- body = body text
Example:
{{RedBox
| body = Text for the box here
}}
Results:
|
Text for the box here |
Intermediate uses
In addition to the basic uses, users can specify width and border (border is a darker shade of the colored box) if wanted.:
- width = width; defaults to 240px if not present
- border = border; defaults to 0px if not present
Example:
{{RedBox
| body = Text for the box here
| width = 200px
| border = 2px
}}
Results:
|
Text for the box here |
Advanced uses
For advanced users, the {{GrayBox}} offers a variety of customizations, please note, for best compatibility, use web-safe colors like those found on the W3 Schools website. A series of web-safe color templates have been created: AboutUsColorTemplates:
- header-color = specify color for header; defaults to dark gray if not present.
- body-color = specify color for body style (can be same as header for mono-toned boxes); defaults to light gray if not present.
- float = sets where the box appears (float) on the page, ie, the left or right of the text; defaults to right
Example:
{{GrayBox
| body = Text for the box here
| width = 200px
| border = 2px
| header-color = {{DarkPurple}}
| body-color = {{Purple}}
| float = left
}}
Results:
|
Text for the box here |
