Template:BasicBoxGreen

{{{header}}}

{{{body}}}


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:

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:

Box header here

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:

Box header here

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:

Box header here

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.