You are viewing the MafiaScum.net Wiki. To play the game, visit the forum.
Template:Background: Difference between revisions
Jump to navigation
Jump to search
No edit summary |
No edit summary |
||
| (53 intermediate revisions by the same user not shown) | |||
| Line 1: | Line 1: | ||
<includeonly>{{#ifeq: {{{Background Type|}}}|Block Color|<div style="background:{{{Color1|#FFFFFF}}}">{{{Text|}}}</div>|}} {{#ifeq:{{{Background Type|}}}|Linear-Gradient|<div style="{{Linear-gradient|{{{Gradient Type}}}|{{{Color1|#FFFFFF}}} {{#if:{{{Color1 Stop|}}}|{{{Color1 Stop}}}%|}}, {{{Color2|#FFFFFF}}}{{#if:{{{Color2 Stop|}}}|{{{Color2 Stop}}}%|}}}}">{{{Text|}}}</div>|}}</includeonly><noinclude> | <includeonly>{{#ifeq:{{{Background Type|}}}|Block Color|<div style="background:{{{Color1|#FFFFFF}}}"> | ||
This template is used to create a background. There are 3 types of backgrounds currently useable; Block Colour, Linear-Gradient and Radial-Gradient. | {{{Text|}}}</div>|}}{{#ifeq:{{{Background Type|}}}|Linear-Gradient|<div style="{{Linear-gradient|{{{Gradient Type}}}|{{{Color1|#FFFFFF}}} {{#if:{{{Color1 Stop|}}}|{{{Color1 Stop}}}%|}}, {{{Color2|#FFFFFF}}}{{#if:{{{Color2 Stop|}}}|{{{Color2 Stop}}}%{{#if:{{{Color3|}}}|, {{{Color3}}}{{{#if:{{{Color3 Stop|}}}| {{{Color3 Stop}}}%|}}|}}{{#if:{{{Color4|}}}|, {{{Color4}}}{{{#if:{{{Color4 Stop|}}}| {{{Color4 Stop}}}%|}}|}}{{#if:{{{Color5|}}}|, {{{Color5}}}{{{#if:{{{Color5 Stop|}}}| {{{Color5 Stop}}}%|}}|}}{{#if:{{{Color6|}}}|, {{{Color6}}}{{{#if:{{{Color6 Stop|}}}| {{{Color6 Stop}}}%|}}|}}|}}}}"> | ||
{{{Text|}}}</div>|}} | |||
{{#ifeq:{{{Background Type|}}}|Radial-Gradient|{{Template:Background/Radial-gradient|Gradient Position={{{Gradient Position|}}}|Gradient Type={{{Gradient Type|}}}|Color1={{{Color1|}}}|Color2={{{Color2|}}}|Color3={{{Color3|}}}|Color4={{{Color4|}}}|Color5={{{Color5|}}}|Color6={{{Color6|}}}|Color1 Stop={{{Color1 Stop|}}}|Color2 Stop={{{Color2 Stop|}}}|Color3 Stop={{{Color3 Stop|}}}|Color4 Stop={{{Color4 Stop|}}}|Color5 Stop={{{Color5 Stop|}}}|Color6 Stop={{{Color6 Stop|}}}}}{{{Text|}}}</div>|}} | |||
{{#ifeq:{{{Background Type|}}}|Image|<div style="{{Template:Background/Image |Image={{{Image|}}}}}"> | |||
{{{Text|}}}</div>|}} | |||
</includeonly><noinclude> | |||
This template is used to create a background behind text. There are 3 types of backgrounds currently useable; Block Colour, Linear-Gradient and Radial-Gradient. Image background is currently in the making. | |||
| Line 9: | Line 15: | ||
|Color1= | |Color1= | ||
|Color2= | |Color2= | ||
|Color3= | |||
|Color4= | |||
|Color5= | |||
|Color6= | |||
|Gradient Type= | |Gradient Type= | ||
|Gradient Position= | |||
|Color1 Stop= | |Color1 Stop= | ||
|Color2 Stop= | |Color2 Stop= | ||
|Color3 Stop= | |||
|Color4 Stop= | |||
|Color5 Stop= | |||
|Color6 Stop= | |||
|Image= | |||
}}</pre> | }}</pre> | ||
==Parameters== | ==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. | |||
| Line 31: | Line 84: | ||
|Color1=#DD00DD}} | |Color1=#DD00DD}} | ||
===Linear-Gradient== | |||
===Linear-Gradient=== | |||
<pre>{{Background | <pre>{{Background | ||
|Background Type=Linear-Gradient | |Background Type=Linear-Gradient | ||
|Text=Example | |Text=Example | ||
|Color1=# | |Color1=#1A70DD | ||
|Color1 Stop= | |Color1 Stop=15 | ||
| | |Color2=#FFDDBB | ||
|Gradient Type=left}}</pre> | |Gradient Type=left}}</pre> | ||
{{Background | {{Background | ||
|Background Type=Linear-Gradient | |Background Type=Linear-Gradient | ||
|Text=Example | |Text=Example | ||
|Color1=# | |Color1=#1A70DD | ||
| | |Color2=#FFDDBB | ||
|Gradient Type=left}} | |Gradient Type=left}} | ||
===Radial-Gradient=== | |||
<pre>{{Background | |||
|Background Type=Radial-Gradient | |||
|Text=Example | |||
|Gradient Position=center 100px | |||
|Gradient Type=circle closest-corner | |||
|Color1=#FF0000 | |||
|Color2=#00FF00 | |||
|Color3=#0000FF}} | |||
</pre> | |||
{{Background | |||
|Background Type=Radial-Gradient | |||
|Gradient Position=center 100px | |||
|Gradient Type=circle closest-corner | |||
|Text=Example | |||
|Color1=#FF0000 | |||
|Color2=#00FF00 | |||
|Color3=#0000FF}} | |||
===Image=== | |||
<pre>{{Background | |||
|Text=Example | |||
|Background Type=Image | |||
|Image=http://wiki.mafiascum.net/index.php?title=File:Telbar_H2.png | |||
}}</pre> | |||
{{Background | |||
|Text=Example | |||
|Background Type=Image | |||
|Image=http://wiki.mafiascum.net/index.php?title=File:Telbar_H2.png | |||
}} | |||
</noinclude> | </noinclude> | ||
Latest revision as of 17:45, 17 November 2014
This template is used to create a background behind text. There are 3 types of backgrounds currently useable; Block Colour, Linear-Gradient and Radial-Gradient. Image background is currently in the making.
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=http://wiki.mafiascum.net/index.php?title=File:Telbar_H2.png
}}
Example