You are viewing the MafiaScum.net Wiki. To play the game, visit the forum.
Template:Background: Difference between revisions
No edit summary |
No edit summary |
||
(2 intermediate revisions by the same user not shown) | |||
Line 3: | Line 3: | ||
{{{Text|}}}</div>|}} | {{{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|}}}|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|< | {{#ifeq:{{{Background Type|}}}|Image|<div style="{{Template:Background/Image |Image={{{Image|}}}}}"> | ||
{{{Text|}}}</ | {{{Text|}}}</div>|}} | ||
</includeonly><noinclude> | </includeonly><noinclude> | ||
This template is used to create a background behind text. There are | 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 124: | Line 124: | ||
|Text=Example | |Text=Example | ||
|Background Type=Image | |Background Type=Image | ||
|Image=http:// | |Image=http://wiki.mafiascum.net/index.php?title=File:Telbar_H2.png | ||
}}</pre> | }}</pre> | ||
Line 130: | Line 130: | ||
|Text=Example | |Text=Example | ||
|Background Type=Image | |Background Type=Image | ||
|Image=http:// | |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}}
Linear-Gradient
{{Background |Background Type=Linear-Gradient |Text=Example |Color1=#1A70DD |Color1 Stop=15 |Color2=#FFDDBB |Gradient Type=left}}
Radial-Gradient
{{Background |Background Type=Radial-Gradient |Text=Example |Gradient Position=center 100px |Gradient Type=circle closest-corner |Color1=#FF0000 |Color2=#00FF00 |Color3=#0000FF}}
Image
{{Background |Text=Example |Background Type=Image |Image=http://wiki.mafiascum.net/index.php?title=File:Telbar_H2.png }}