Scratch

chanmanpartyman · 2012-07-15 22:18:22

Here I will store a lot of text styles I use that I myself think look cool with a certain background. Don't freak out, I generated these in Adobe Fireworks CS6 tongue . These look great on your website, and will be treated as the id attribute in any of the following tags (you can use any, but these are recommended):
<h1><h2><h3><h4><h5><h6>
<p>
<div>
<span>
<marquee>
They can be modified by adding an attribute to the tag, for example, I will use the "<div>" tag.
<div id="given-id-by-the-style-you-want">
_______________________________________________________________________________________________________________________
Style 1:
Background: black
Text color: green
id to be used: green-glow
code for your CSS document:

Code:

#green-glow {
    font-family:"Century Gothic";
    font-size:57px;
    color:rgb(0,255,0);
    text-align:center;
    text-shadow:0px 0px 7px rgba(0,255,0,0.5);
    -ms-filter:"progid:DXImageTransform.Microsoft.Glow(Color=#ff00ff00,Strength=7)";zoom:1;
    filter:progid:DXImageTransform.Microsoft.Glow(Color=#ff00ff00,Strength=7);
}

Example:

_______________________________________________________________________________________________________________________
Style 2:
Background: white
Text color: black
Text outline: white
id to be used: outline-shadow
code for your CSS document:

Code:

#outline-shadow {
    font-family:Impact;
    font-size:57px;
    font-weight:bold;
    text-align:center;
    -webkit-text-stroke:1px rgb(255,255,255);
    text-shadow:5px 5px 4px rgba(0,0,0,0.65);
    -ms-filter:"progid:DXImageTransform.Microsoft.dropshadow(OffX=5,OffY=5,Color=#a5000000,Positive=true)";zoom:1;
    filter:progid:DXImageTransform.Microsoft.dropshadow(OffX=5,OffY=5,Color=#a5000000,Positive=true);
}

Example:

______________________________________________________________________________________________________________________
Style 3:
Background color: darker colors i.e. red, blue, purple, etc. not yellow, lime green, teal, etc.
Text color: white
id to be used: distant-outline
code for CSS document:

Code:

#distant-outline {
font-family:Fixedsys;
font-size:42px;
font-weight:bold;
color:rgb(255,255,255);
text-align:center;
text-shadow:0px 0px 0px rgb(255,255,255);
-ms-filter:"progid:DXImageTransform.Microsoft.Glow(Color=#ffffffff,Strength=1)";zoom:1;
filter:progid:DXImageTransform.Microsoft.Glow(Color=#ffffffff,Strength=1);
}

Example:

______________________________________________________________________________________________________________________
It takes awhile to do every one. I'll make a bunch more. Donations are kindly accepted.