Template:Glow: Difference between revisions

From Songs of Syx Wiki
Jump to navigation Jump to search
No edit summary
No edit summary
 
Line 1: Line 1:
<span style="color: {{{2}}}; text-shadow:13px 13px 10px #0000, 0px 0px 6px {{{3}}};}">{{{1}}}</span><noinclude><br />This template adds a glow effect to text<br />
<span style="color: {{{2}}}; text-shadow:13px 13px 10px #0000, 0px 0px 6px {{{3}}};}">{{{1}}}</span><noinclude>{{Glow/doc}}[[Category:Templates]]</noinclude>
The format of this templates is as follows: <code><nowiki>{{glow|text|text color|glow color}}</nowiki></code>. For colors, both color names and HTML color codes will work.<br />
<span style="color: white; text-shadow:13px 13px 10px #0000, 1px 1px 6px #ffffff99;}">This an example of what text could look like.</span>
 
Note that the opacity of the text color and glow color can also be modified.<br />
The first two numbers in a color code, with the next two and last two resemble red, green and blue respectivelty.<br />
However, adding a seventh and eighth number can control opacity, with 00 being lowest and FF being highest.<br />
 
The following example: <code><nowiki>{{glow|Some more text.|white|#ffffff</nowiki><span style="color:#ff6666";">55</span><nowiki>}}</nowiki></code> will create...<br />
{{glow|Some more text.|white|#ffffff55}} <-- Notice how that text now has a weaker glow.<br />
{{glow|Another text, but yellow with a red glow.|yellow|red}}<br />
{{glow|One more example with standard red|white|#fffa}}<br />
{{glow|That was a lie, ''this'' is the final example with lime text with a blue glow.|lime|cyan}}
[[Category:Templates]]</noinclude>

Latest revision as of 00:04, 21 November 2021

{{{1}}}

Template Documentation

Description

This template adds a glow effect behind text. The color of both the text and the glow behind it can be customized.

Syntax

{{glow|text|text color|glow color}} - The color of both the text and glow can be formatted with either the color's name or with HTML #rgb codes.

Examples

Example #1: {{glow|Some yellow text, with a red glow.|yellow|red}}
Output #1: Some yellow text, with a red glow.

Example #2: {{glow|''This'' is the second example with lime text with a blue glow.|lime|cyan}}
Output #2: This is the second example with lime text with a blue glow.

Note that opacity of both the text and glow can be changed by adding another two values to the #rgb codes. In the next example, the opacity of the glow will be lowered. Notice the "55" at the end of the #rgb code for the glow. The seventh and eighth value in an #rgb code will control opacity. The values are between 00 and FF in hexadecimal, which correspond to 0 and 255 respectively.

Example #3: {{glow|Some more text.|white|#ffffff55}}
Output #3: Some more text. <-- Notice the weaker glow here.

In the next example, the glow will have full opacity, but the text will have low opacity.

Example #4: {{glow|Some more text.|#0000ff55|white}}
Output #4: Some more text. <-- Notice the transparent text here.