Template:Shadow: 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="text-shadow:-2px 2px 0px {{{2}}}, 0px 0px 6px #0000;}">{{{1}}}</span><noinclude><br />This template adds a shadow drop effect to text.<br />
<span style="text-shadow:-2px 2px 0px {{{2}}}, 0px 0px 6px #0000;}">{{{1}}}</span><noinclude>{{shadow/doc}}[[Category:Templates]]</noinclude>
The format of this templates is as follows: <code><nowiki>{{shadow|text|shadow color}}</nowiki></code>. For colors, both color names and HTML color codes will work.<br />
{{shadow|...Which creates this.|black}}<br />
{{shadow|...and here's more text with a red shadow.|red}}
 
Note that the opacity of the shadow 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>{{shadow|Some more text.|#000000</nowiki><span style="color:#f66;">77</span><nowiki>}}</nowiki></code><br />
{{shadow|Some more text.|#00000077}} <-- Notice the shadow is more faded here.<br />
[[Category:Templates]]</noinclude>

Latest revision as of 00:58, 22 November 2021

{{{1}}}

Template Documentation

Description

This template allows text to have a shadow effect behind it. The shadow's color can be fully customized. When choosing the shadow's color, one can use color names or even HTML #rgb codes. Shadow colors should be carefully chosen, as not all colors may look pleasant on some background colors.

Syntax

{{shadow|<TEXT>|<SHADOW_COLOR>}}

Examples

Typing {{shadow|Cookies and probably skim milk.|red}} produces this: Cookies and probably skim milk.
Typing {{shadow|Eggs, bacon, toast... and more bacon.|#227722}} produces this: Eggs, bacon, toast... and more bacon.
Using the color template and bolds WITH this template... {{shadow|{{color|'''Not enough saltine crackers in the world.'''|orange}}|black}}
...produces this: Not enough saltine crackers in the world.
Lastly, the opacity on the shadow can be controlled by adding a seventh and eighth digit to the #rgb code:
{{shadow|He's got the whole Earth in his hands.|#7777ff7f}} which makes this: He's got the whole Earth in his hands.