AboutUsBasicBox
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 yellow, created with minimal parameters |
| |
This is a generic info box in gray, created with minimal parameters |
BasicBox Instructions
Color Variants
There are five color variations for the BasicBox templates, which use proven web-safe colors. Additionally, the {{BasicBoxGray}} template allows for customizing the colors via passed parameters:
- {{BasicBoxRed}}: Red
- {{BasicBoxBlue}}: Blue
- {{BasicBoxGreen}}: Green
- {{BasicBoxYellow}}: Yellow
- {{BasicBoxGray}}: Gray
Basic uses
There are two parameters needed to be passed in the template call:
- header = header text
- body = body text
Example:
{{BasicBoxRed | header = Box header here | 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 the same color as the header) if wanted.:
- width = width; defaults to 240px if not present
- border = border; defaults to 0px if not present
Example:
{{BasicBoxRed | header = Box header here | body = Text for the box here | width = 200px | border = 2px }}
Results:
| |
Text for the box here |
Advanced uses
For advanced users, the {{BasicBoxGray}} offers a variety of customizations, please note, for best compatibility, use web-safe colors like those found on the W3 Schools website:
- header-color = specify color for header; defaults to dark gray if not present. Note: Supports the AboutUsColorTemplates as well as hex colors.
- body-color = specify color for body style (can be same as header for mono-toned boxes); defaults to light gray if not present. Note: Supports the AboutUsColorTemplates as well as hex colors.
- float = sets where the box appears (float) on the page, ie, the left or right of the text; defaults to right
Example:
{{BasicBoxGray | header = Box header here | body = Text for the box here | width = 200px | border = 2px | header-color = {{DarkPurple}} | body-color = {{Purple}} | float = left }}
Results:
| |
Text for the box here |
2 and 3 Column Boxes
The basic box template handles support for single column text blocks. For information on boxes with 2 or 3 columns of text, see: AboutUsMultiColumnBox.