Template:Background

This template is used to create a background behind text. There are 4 types of backgrounds currently useable; Block Colour, Linear-Gradient and Radial-Gradient.

Syntax

{{Background
|Background Type=
|Text=
|Color1=
|Color2=
|Color3=
|Color4=
|Color5=
|Color6=
|Gradient Type=
|Gradient Position=
|Color1 Stop=
|Color2 Stop=
|Color3 Stop=
|Color4 Stop=
|Color5 Stop=
|Color6 Stop=
|Image=
}}

Parameters

{{{Color#}}}

Specify a color here using the "#" hex number coding system. Depending on the background type you choose you need to specify a minimum amount of colors.

The amount of colors needed are:

• Block: 1
• Linear-Gradient:2
• Radial-Gradient:2-6
• Image:0

{{{Background Type}}}

Specify the type of background here out of one of these three:

• Block
• Linear-Gradient
• Radial-Gradient
• Image

{{{Text}}}

Add the text you want to add a background to here.

{{{Gradient Type}}}

Add the Gradient Type here. For linear-gradients you can choose from "top, bottom, left, right" or a mix of two and for radial gradients choose out of "circle or ellipse". If you are using a radial-gradient you can also add "furthest/closest-corner/side" to change how it looks.

{{{Gradient Position}}}

Use only with the radial-gradient, specify a CSS coordinate here.

{{{Color# Stop}}}

Specify a number 1-100 here to change where gradient colors stop. This isn't necessary however.

{{{Image}}}

Specify the images URL if you ar using "Image" as your background type.

Examples

Block Color

{{Background
|Text=Example
|Background Type=Block Color
|Color1=#DD00DD}}

Example

Linear-Gradient

{{Background
|Background Type=Linear-Gradient
|Text=Example
|Color1=#1A70DD
|Color1 Stop=15
|Color2=#FFDDBB
|Gradient Type=left}}

Example

Radial-Gradient

{{Background
|Background Type=Radial-Gradient
|Text=Example
|Gradient Position=center 100px
|Gradient Type=circle closest-corner
|Color1=#FF0000
|Color2=#00FF00
|Color3=#0000FF}}

Example

Image

{{Background
|Text=Example
|Background Type=Image
|Image=https://www.wordans.com.au/wvc-1353269881/wordansfiles/images/2012/11/18/170058/170058_340.jpg
}}

Example