Template:Glow: Difference between revisions

From Songs of Syx Wiki
Jump to navigation Jump to search
No edit summary
Tag: Manual revert
No edit summary
 
(11 intermediate revisions by the same user not shown)
Line 1: Line 1:
<span style="color: {{{2}}}; text-shadow:13px 13px 10px #0000, 1px 1px 6px {{{2}}};}">{{{1}}}</span>
<span style="color: {{{2}}}; text-shadow:13px 13px 10px #0000, 0px 0px 6px {{{3}}};}">{{{1}}}</span><noinclude>{{Glow/doc}}[[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.