Template:Shadow/doc: Difference between revisions
(Created page with "{{documentation |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. |<code><nowiki>{{shadow|<TEXT>|<SHADOW_COLOR>}}</nowiki></code> |Typing <code><nowiki>{{shadow|Cookies and probably skim milk.|red}}</nowiki></code> produces this: {...") |
No edit summary |
||
| Line 4: | Line 4: | ||
|Typing <code><nowiki>{{shadow|Cookies and probably skim milk.|red}}</nowiki></code> produces this: {{shadow|Cookies and probably skim milk.|red}}<br> | |Typing <code><nowiki>{{shadow|Cookies and probably skim milk.|red}}</nowiki></code> produces this: {{shadow|Cookies and probably skim milk.|red}}<br> | ||
Typing <code><nowiki>{{shadow|Eggs, bacon, toast... and more bacon.|#227722}}</nowiki></code> produces this: {{shadow|Eggs, bacon, toast... and more bacon.|#227722}}<br> | Typing <code><nowiki>{{shadow|Eggs, bacon, toast... and more bacon.|#227722}}</nowiki></code> produces this: {{shadow|Eggs, bacon, toast... and more bacon.|#227722}}<br> | ||
Using the color template and bolds WITH this template... <code><nowiki>{{shadow|{{color|'''Not enough saltine crackers in the world.'''|orange}}|black}}</nowiki></code><br>...produces this: {{shadow|{{color|'''Not enough saltine crackers in the world.'''|orange}}|black}}<br> | |||
Lastly, the opacity on the shadow can be controlled by adding a seventh and eighth digit to the #rgb code:<br><code><nowiki>{{shadow|He's got the whole Earth in his hands.|#7777ff7f}}</nowiki></code> which makes this: {{shadow|He's got the whole Earth in his hands.|#7777ff7f}}}} | |||
</noinclude>[[Category:Doc_templates]]</noinclude> | |||
Revision as of 23:57, 21 November 2021
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.
{{shadow|<TEXT>|<SHADOW_COLOR>}}
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.