Difference between revisions of "User talk:Wendy Black"
From PRIMUS Database
Wendy Black (Talk | contribs) m (→Talk to Me) |
Wendy Black (Talk | contribs) (→Text Shadows and Blurs: new section) |
||
| Line 13: | Line 13: | ||
<br> | <br> | ||
This is the place to tell me what you think. Keep it nice the messages here are very public. If you don't sign your post, I will add your ID for you. --[[User:Wendy_Black|<span style="color: #000000; text-shadow: 0 0 3px white, 0px 0px 2px white, 1px 3px 5px black, -1px -3px 5px black;">'''Wendy Black'''</span>]] 07:15, 6 August 2017 (UTC) | This is the place to tell me what you think. Keep it nice the messages here are very public. If you don't sign your post, I will add your ID for you. --[[User:Wendy_Black|<span style="color: #000000; text-shadow: 0 0 3px white, 0px 0px 2px white, 1px 3px 5px black, -1px -3px 5px black;">'''Wendy Black'''</span>]] 07:15, 6 August 2017 (UTC) | ||
| + | |||
| + | == Text Shadows and Blurs == | ||
| + | |||
| + | A player asked me how I did my signature on this wiki. I told them to post the question on here but they don't want to sign up... oh well Mr. Riker, your loss but as I promised here is the long wall of text explaining it. Using Span style, "text-shadow" allows you to put a shadow of the current text behind it, but on top of the background. It is easy to use as a simple elegant shadowing effect. Adding a text-shadow allows you to have an outline around the text so that it blends in with your background, but is more visible. Check out these simple examples; | ||
| + | <br> | ||
| + | <span style="font-size:2em; color:black; text-shadow: 2px 2px green;">Shadows</span> | ||
| + | :Code = <nowiki><span style="font-size:2em; color:black; text-shadow: 2px 2px green;">Shadows</span></nowiki> | ||
| + | <br> | ||
| + | <span style="font-size:2em; color:black; text-shadow: 2px 2px 5px green,2px 2px 5px green;">Shadows</span> | ||
| + | :Code = <nowiki><span style="font-size:2em; color:black; text-shadow: 2px 2px 5px green,2px 2px 5px green;">Shadows</span></nowiki> | ||
| + | ::* '''font-size:2em;''' Increases the size of the font. | ||
| + | ::* '''color:black;''' Is the font color. | ||
| + | ::* '''text-shadow: 2px 2px green;''' This created the simple shadow offset 2 pixels right and 2 pixels down and color green. | ||
| + | ::* '''text-shadow: 2px 2px 5px green,2px 2px 5px green;''' This created 2 shadows one on top the the other but blended out 5 pixels to the background.<br> | ||
| + | <span style="font-size:2em; font-weight: bold; color:black; text-shadow: 8px 8px 6px black;">Shadow Depth</span> | ||
| + | ::This shadow gives the 3D illusion on depth. Like the letters are floating above the page, and players ask why I play as magical creatures... | ||
| + | <br> | ||
| + | <span style="display: block; text-align: Center; font-size:2em; color:black; text-shadow: -6px 0px 4px #555555,-12px 0px 4px #666666,-18px 0px 4px #777777,-24px 0px 4px #888888,-30px 0px 4px #999999,-36px 0px 4px #AAAAAA,-42px 0px 4px #BBBBBB;">Motion Blur</span> | ||
| + | :Code = <nowiki><span style="display: block; text-align: Center; font-size:2em; color:black; text-shadow: -6px 0px 4px #555555,-12px 0px 4px #666666,-18px 0px 4px #777777,-24px 0px 4px #888888,-30px 0px 4px #999999,-36px 0px 4px #AAAAAA,-42px 0px 4px #BBBBBB;">Motion Blur</span></nowiki> | ||
| + | ::* This text is centered using span. | ||
| + | ::* Then I added 7 shadows all travelling to left at -6 pixels per jump ending at -42 pixels. | ||
| + | ::* All the shadows are blended into the white background by 4 pixels. | ||
| + | ::* The shadows are shades of gray starting at the darkest #555555 to the lightest gray #BBBBBB | ||
| + | ::* Color codes can be words such as Blue or #0000FF the number system don't matter, there are web pages to get the color codes. | ||
| + | <br><br><br> | ||
| + | <span style="display: block; text-align: Center;font-size:1.5em; color:#990099;text-shadow: -5px -7px 2px #990088,-15px -19px 3px #AA0077,-30px -29px 4px #BB0066,-50px -37px 5px #CC0055,-75px -45px 6px #DD0044,-105px -49px 7px #EE0033,-145px -51px 8px #FF0000; ">Cool Shadows</span> | ||
| + | ::This one I had some math help, my son helped me figure the curve. I used a gradient color from red to purple. The math of this curve is the x value is subtracted by 5, 10, 15, 20, etc.. The y value is subtracted the opposite by 14, 12, 10, etc.. In the end, it is up to the individual as to what pleases your eye the best. --[[User:Wendy_Black|<span style="color: #000000; text-shadow: 0 0 3px white, 0px 0px 2px white, 1px 3px 5px black, -1px -3px 5px black;">'''Wendy Black'''</span>]] 04:28, 28 August 2017 (UTC) | ||
Latest revision as of 04:28, 28 August 2017
| Almost Heroes | Character Biographies | Costume Gallery | Arcane Knowledge | Talk Page |
|---|
Talk to Me
This is the place to tell me what you think. Keep it nice the messages here are very public. If you don't sign your post, I will add your ID for you. --Wendy Black 07:15, 6 August 2017 (UTC)
Text Shadows and Blurs
A player asked me how I did my signature on this wiki. I told them to post the question on here but they don't want to sign up... oh well Mr. Riker, your loss but as I promised here is the long wall of text explaining it. Using Span style, "text-shadow" allows you to put a shadow of the current text behind it, but on top of the background. It is easy to use as a simple elegant shadowing effect. Adding a text-shadow allows you to have an outline around the text so that it blends in with your background, but is more visible. Check out these simple examples;
Shadows
- Code = <span style="font-size:2em; color:black; text-shadow: 2px 2px green;">Shadows</span>
Shadows
- Code = <span style="font-size:2em; color:black; text-shadow: 2px 2px 5px green,2px 2px 5px green;">Shadows</span>
- font-size:2em; Increases the size of the font.
- color:black; Is the font color.
- text-shadow: 2px 2px green; This created the simple shadow offset 2 pixels right and 2 pixels down and color green.
- text-shadow: 2px 2px 5px green,2px 2px 5px green; This created 2 shadows one on top the the other but blended out 5 pixels to the background.
Shadow Depth
- This shadow gives the 3D illusion on depth. Like the letters are floating above the page, and players ask why I play as magical creatures...
Motion Blur
- Code = <span style="display: block; text-align: Center; font-size:2em; color:black; text-shadow: -6px 0px 4px #555555,-12px 0px 4px #666666,-18px 0px 4px #777777,-24px 0px 4px #888888,-30px 0px 4px #999999,-36px 0px 4px #AAAAAA,-42px 0px 4px #BBBBBB;">Motion Blur</span>
- This text is centered using span.
- Then I added 7 shadows all travelling to left at -6 pixels per jump ending at -42 pixels.
- All the shadows are blended into the white background by 4 pixels.
- The shadows are shades of gray starting at the darkest #555555 to the lightest gray #BBBBBB
- Color codes can be words such as Blue or #0000FF the number system don't matter, there are web pages to get the color codes.
Cool Shadows
- This one I had some math help, my son helped me figure the curve. I used a gradient color from red to purple. The math of this curve is the x value is subtracted by 5, 10, 15, 20, etc.. The y value is subtracted the opposite by 14, 12, 10, etc.. In the end, it is up to the individual as to what pleases your eye the best. --Wendy Black 04:28, 28 August 2017 (UTC)
