Template:Box/doc

How to use the "Box" template

This template is designed to make customizable boxes on any page throughout the wiki. The instructions provided below will help sort out any confusion for first-time users. You must first add this template to a page using the template collapsible window on the side of your wiki editor.

Background Color This string defines the color of the background of the box. You can insert a value as either a color name or a hex code. See a list for reference here.

Border Width This string defines the width of the box's border. It should be measured in pixels (px). The border with is defaulted at 1px, but you can insert a different size in the text box to change the width of the border in your box. For example, if you want a thicker line width, try insert a higher pixel count. Inserting 10px would give you a line that is 10 pixels thick. You can always test this out with the "Preview" button in the template editor window.

Border Style This string defines the style of the border line. CSS has several style you can choose from. The default for this template is solid. Different predefined values will give you a boxes looking like these:

This is solid

This is dotted

This is dashed

This is ridge

This is groove

This is double

This is inset

This is outset

Border Color This string will define the color of your border line. It can be a color name or a hex code (#HEXNUM). A reference can be found at List of colors.

Rounded Edges? This text box is a special question value using a complicated process called ParserFunctions. To make the box have rounded edges, and validate the associated strings, you will need to type yes in this box. If rounded edges are not desired, you can leave this string blank.

Border Radius This string will only be valid if yes is typed in the "Rounded Edges?" string. This specific one will define the border radius of the corners of the box. For example:

This is 5px

This is 10px

This is 20px

It defaults at 10px.

Shadow? This string, like "Rounded Edges?", is a ParserFunction. Typing yes will validate shadow and/or glow effects for the box. If neither of these effects are desired, you can leave the string blank.

Horizontal Shadow This string defines the horizontal position of the shadow of the outline, given the value of string "Shadow?" is yes. Negative values are allowed, and the value defaults at 0px. For example:

This is -5px

This is 5px

This is 10px

Vertical Shadow This string defines the vertical position of the shadow of the outline, given the value of string "Shadow?" is yes. Negative values are allowed, and the value defaults at 0px. For example:

This is -5px

This is 5px

This is 10px

Please note that "Vertical Shadow" and "Horizontal Shadow" should both have values for the best effect.

Shadow Blur This string defines the distance of the blur applied, which defaults at 0px (no blur). This is also known as glow.

This is 5px with 5px vertical and horizontal shadow

This is 5px without shadow

Shadow Spread This string defines the size of the shadow, and defaults to the same size as the "Shadow Blur".

Shadow Color This string defines the color of the shadow and/or blur of the box, if applied, and can be filled with a color name or hex code value, as with the "Border Color" string.

Inset? This is another Parser question, and answering yes will move the shadow value of the box to inside it. For example:

This is with inset

This is without inset

Padding This string defines the distance between the border of the inside of the box and the text inside the box. It defaults to 1px. An example is shown below.

Notice how this text is 1px from the border

Notice how this text is 10px from the border

Box Height This string defines the height of the box, in pixels. It defaults to auto.

Box Width This string defines the width of the box, in pixels. It defaults to auto.

Ending a box This template creates boxes that will consume all following content on the page. To mark the end of a box, be sure to type   . Have fun with the boxes!