You are viewing the MafiaScum.net Wiki. To play the game, visit the forum.

Template:Background: Difference between revisions

From MafiaWiki
Jump to navigation Jump to search
No edit summary
 
(15 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|<div style="{{Template:Background/Image |Image={{{Image|}}}}}">
{{{Text|}}}</div>|}}
</includeonly><noinclude>
</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.
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 25: Line 27:
|Color5 Stop=
|Color5 Stop=
|Color6 Stop=
|Color6 Stop=
|Image=
}}</pre>
}}</pre>


Line 37: Line 40:
*'''Linear-Gradient''':2
*'''Linear-Gradient''':2
*'''Radial-Gradient''':2-6
*'''Radial-Gradient''':2-6
*'''Image''':0




Line 44: Line 48:
*'''Linear-Gradient'''
*'''Linear-Gradient'''
*'''Radial-Gradient'''
*'''Radial-Gradient'''
*'''Image'''




Line 51: Line 56:


==={{{Gradient Type}}}===
==={{{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.
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}}}===
==={{{Gradient Position}}}===
Line 59: Line 65:
==={{{Color# Stop}}}===
==={{{Color# Stop}}}===
Specify a number 1-100 here to change where gradient colors stop. This isn't necessary however.
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 93: Line 103:
<pre>{{Background
<pre>{{Background
|Background Type=Radial-Gradient
|Background Type=Radial-Gradient
|Gradient Position=center center
|Text=Example
|Gradient Type=circle
|Gradient Position=center 100px
|Gradient Type=circle closest-corner
|Color1=#FF0000
|Color1=#FF0000
|Color2=#00FF00
|Color2=#00FF00
Line 102: Line 113:
{{Background
{{Background
|Background Type=Radial-Gradient
|Background Type=Radial-Gradient
|Gradient Position=center center
|Gradient Position=center 100px
|Gradient Type=circle
|Gradient Type=circle closest-corner
|Text=Example
|Text=Example
|Color1=#FF0000
|Color1=#FF0000
|Color2=#00FF00
|Color2=#00FF00
|Color3=#0000FF}}
|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