Difference between revisions of "Template:BasicBoxGray"
(5 intermediate revisions by the same user not shown) | |||
Line 1: | Line 1: | ||
− | <div style="float: {{{float|right; padding-left: 15px | + | <div style="float: {{{float|right}}}; padding-left: 15px;"> |
− | {| cellpadding="5px" cellspacing="0px" width="{{{width|240px}}}" | + | {| cellpadding="5px" cellspacing="0px" width="{{{width|240px}}}" style="margin:0 auto;" |
− | |style="padding | + | |style="padding:0px;" valign="top" | |
{| style="margin:0; width:100%; background: {{{header-color|#999999}}}; font-family:sans-serif; font-size:120%; text-align:center; color:#ffffff; padding-left:0.4em; padding-top:0em; padding-bottom:0em;" | {| style="margin:0; width:100%; background: {{{header-color|#999999}}}; font-family:sans-serif; font-size:120%; text-align:center; color:#ffffff; padding-left:0.4em; padding-top:0em; padding-bottom:0em;" | ||
|{{{header}}} | |{{{header}}} |
Latest revision as of 09:25, 30 June 2009
| |
{{{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.