Template:BasicBoxInstructions

BasicBox Instructions

Color Variants

There are five color variations for the BasicBox templates, which include 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

     Result:

Box header here

Text for the box here

Example:

{{BasicBoxRed
| header = Box header here
| body = 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

     Result:

Box header here

Text for the box here

Example:

{{BasicBoxRed
| header = Box header here
| body = Text for the box here
| width = 200px
| border = 2px
}}

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.
• body-color = specify color for body style (can be same as header for mono-toned boxes); defaults to light gray if not present.
• float = sets where the box appears (float) on the page, ie, the left or right of the text; defaults to right

     Result:

Box header here

Text for the box here

Example:

{{BasicBoxGray
| header = Box header here
| body = Text for the box here
| width = 200px
| border = 2px
| header-color = CC00CC
| body-color = CC99CC
}}