Template:GreenBox

{{{body}}}


ColoredBox Instructions

Color Variants

There are five color variations for the ColoredBox templates, which use proven web-safe colors. Additionally, the {{GrayBox}} template allows for customizing the colors via passed parameters:

Basic uses

There is only one parameters needed to be passed in the template call:

  • body = body text

Example:

{{RedBox
| 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 a darker shade of the colored box) if wanted.:

  • width = width; defaults to 240px if not present
  • border = border; defaults to 0px if not present

Example:

{{RedBox
| body = Text for the box here
| width = 200px
| border = 2px
}}

Results:

Text for the box here


Advanced uses

For advanced users, the {{GrayBox}} offers a variety of customizations, please note, for best compatibility, use web-safe colors like those found on the W3 Schools website. A series of web-safe color templates have been created: AboutUsColorTemplates:

  • 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

Example:

{{GrayBox
| body = Text for the box here
| width = 200px
| border = 2px
| header-color = {{DarkPurple}}
| body-color = {{Purple}}
| float = left
}}

Results:

Text for the box here