Difference between revisions of "Template:BasicBoxInstructions"
TakKendrick (talk | contribs) |
(Roll to) |
||
(36 intermediate revisions by 5 users not shown) | |||
Line 1: | Line 1: | ||
==BasicBox Instructions== | ==BasicBox Instructions== | ||
+ | {{TOCRight}} | ||
===Color Variants=== | ===Color Variants=== | ||
− | There are five color variations for the | + | There are five color variations for the [[AboutUsBasicBox|BasicBox]] templates, which use proven web-safe colors. Additionally, the {{TemplateLink|BasicBoxGray}} template allows for customizing the colors via passed parameters: |
− | * | + | * {{TemplateLink|BasicBoxRed}}: Red |
− | * | + | * {{TemplateLink|BasicBoxBlue}}: Blue |
− | * | + | * {{TemplateLink|BasicBoxGreen}}: Green |
− | * | + | * {{TemplateLink|BasicBoxYellow}}: Yellow |
− | * | + | * {{TemplateLink|BasicBoxGray}}: Gray |
− | |||
===Basic uses=== | ===Basic uses=== | ||
Line 14: | Line 14: | ||
* body = body text | * body = body text | ||
− | + | {{FloatLeft| | |
− | ''' | + | '''Example:''' |
+ | <pre> | ||
{{BasicBoxRed | {{BasicBoxRed | ||
| header = Box header here | | header = Box header here | ||
| body = Text for the box here | | body = Text for the box here | ||
− | }}</ | + | }} |
− | + | </pre> | |
− | ''' | + | }} |
− | + | '''Results:''' | |
{{BasicBoxRed | {{BasicBoxRed | ||
| header = Box header here | | header = Box header here | ||
| body = Text for the box here | | body = Text for the box here | ||
− | }} | + | }} |
− | + | {{Clear}} | |
− | |||
===Intermediate uses=== | ===Intermediate uses=== | ||
Line 35: | Line 35: | ||
* border = border; defaults to 0px if not present | * border = border; defaults to 0px if not present | ||
− | + | {{FloatLeft| | |
− | ''' | + | '''Example:''' |
+ | <pre> | ||
{{BasicBoxRed | {{BasicBoxRed | ||
| header = Box header here | | header = Box header here | ||
Line 42: | Line 43: | ||
| width = 200px | | width = 200px | ||
| border = 2px | | border = 2px | ||
− | }}</ | + | }} |
− | + | </pre> | |
− | ''' | + | }} |
− | + | '''Results:''' | |
{{BasicBoxRed | {{BasicBoxRed | ||
| header = Box header here | | header = Box header here | ||
Line 51: | Line 52: | ||
| width = 200px | | width = 200px | ||
| border = 2px | | border = 2px | ||
− | }} | + | }} |
− | + | {{clear}} | |
− | |||
===Advanced uses=== | ===Advanced uses=== | ||
− | For advanced users, the | + | For advanced users, the {{TemplateLink|BasicBoxGray}} offers a variety of customizations, please note, for best compatibility, use web-safe colors like those found on the [http://www.w3schools.com/html/html_colors.asp W3 Schools website]: |
− | * header-color = specify color for header; defaults to dark gray if not present. | + | * 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. | + | * 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 | * float = sets where the box appears (float) on the page, ie, the left or right of the text; defaults to right | ||
− | + | {{FloatRight| | |
− | ''' | + | '''Example:''' |
+ | <pre> | ||
{{BasicBoxGray | {{BasicBoxGray | ||
| header = Box header here | | header = Box header here | ||
Line 68: | Line 69: | ||
| width = 200px | | width = 200px | ||
| border = 2px | | border = 2px | ||
− | | header-color = | + | | header-color = {{DarkPurple}} |
− | | body-color = | + | | body-color = {{Purple}} |
− | }}</ | + | | float = left |
− | + | }} | |
− | ''' | + | </pre> |
− | + | }} | |
+ | '''Results:''' | ||
{{BasicBoxGray | {{BasicBoxGray | ||
| header = Box header here | | header = Box header here | ||
Line 79: | Line 81: | ||
| width = 200px | | width = 200px | ||
| border = 2px | | border = 2px | ||
− | | header-color = | + | | header-color = {{DarkPurple}} |
− | | body-color = | + | | body-color = {{Purple}} |
− | }} | + | | float = left |
− | < | + | }}{{clear}} |
− | < | + | |
− | + | ==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]]. | |
+ | <noinclude>[[Category:AboutUs:Templates]]</noinclude> |
Latest revision as of 20:25, 11 January 2010
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.