Template:BasicBoxGray
| |
{{{body}}} |
Contents
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.