Template:Glow/doc

From Songs of Syx Wiki
Revision as of 00:04, 21 November 2021 by Zippy (talk | contribs) (Created page with "{{documentation |This template adds a glow effect behind text. The color of both the text and the glow behind it can be customized. |<code><nowiki>{{glow|text|text color|glow color}}</nowiki></code> - The color of both the text and glow can be formatted with either the color's name or with HTML #rgb codes. | '''Example #1:''' <code><nowiki>{{glow|Some yellow text, with a red glow.|yellow|red}}</nowiki></code><br> '''Output #1:''' {{glow|Some yellow text, with a red glow....")
(diff) ← Older revision | Latest revision (diff) | Newer revision → (diff)
Jump to navigation Jump to search
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.