Dark and Twisted - Profile Designs for MySpace

Hover Codes

Insert the desired code segments from below into this code and paste the code in your "About Me" section.

<style type="text/css">
<!--
a:visited{color:;text-decoration:none;
}a:link{color:;text-decoration:none
}a:active{color:;text-decoration:underlne;
}
a:hover   {
PASTE_CODE_SEGMENT_HERE
cursor: HAND ;
color: COLOR ;
text-decoration: UNDERLINE ;
}
//-->
</style>

Hover Codes

Some codes are not compatible with all browsers. Most do not work with FireFox.

Glow

filter:Glow(color=COLOR,strength=4);height:0px;

Drop Shadow

filter:DropShadow(color=COLOR,strength=4);height:0px;

Shadow

filter:Shadow(color=COLOR,strength=4);height:0px;

Blur

filter:blur(add="2",direction="360",strength="4"); height:0;

Highlight

background-color:COLOR;

Grey

filter:gray(); height:0;

Mask

filter:mask; height:0;

Wave

filter:Wave(strength=4);height:0px;

Invert Colors

filter:invert(); height:0;

Capital

text-transform:uppercase;

Lowercase

text-transform:lowercase;

Image Hover Codes

Some codes are not compatible with all browsers. Most do not work with FireFox.

Black and White with Color on Mouseover

<style type="text/css"> a:link img {filter:gray;} a:visited img {filter:gray;} a:hover img {filter:none;} </style>

Flip Horizontally on Mouseover

<style type="text/css"> a:hover img {filter:fliph;} </style>

Color with Black and White on Mouseover

<style type="text/css"> a:link img {filter:none;} a:visited img {filter:none;} a:hover img {filter:gray;} </style>

Flipped Horizontally with Normal on Mouseover

<style type="text/css"> a:link img {filter:fliph;} a:visited img {filter:fliph;} a:hover img {filter:none;} </style>

Blur on Mouseover

<style type="text/css"> a:hover img {filter: blur(add = 0, direction = 225, strength = 10)}</style>

Blurred with Normal on Mouseover

<style type="text/css"> a:link img {filter:blur(add = 0, direction = 225, strength = 10);}a:visited img {filter:blur(add = 0, direction = 225, strength = 10);}a:hover img {filter: none}</style>

Emboss on Mouseover

<style type="text/css"> a:link img {filter:none;} a:visited img {filter:none;} a:hover img {filter:progid:dximagetransform.microsoft.emboss;} </style>

Embossed with Normal on Mouseover

<style type="text/css"> a:link img {filter:none;} a:visited img {filter:none;} a:hover img {filter:progid:dximagetransform.microsoft.emboss;} </style>

Engrave on Mouseover

<style type="text/css"> a:link img {filter:none;} a:visited img {filter:none;} a:hover img {filter:progid:dximagetransform.microsoft.engrave;} </style>

Engraved with Normal on Mouseover

<style type="text/css"> a:link img {filter:progid:dximagetransform.microsoft.engrave;} a:visited img {filter:progid:dximagetransform.microsoft.engrave;} a:hover img {filter:none;} </style>

Invert Colors on Mouseover

<style type="text/css"> a:link img {filter:none;} a:visited img {filter:none;} a:hover img {filter:invert;} </style>

Inverted Colors with Normal on Mouseover

<style type="text/css"> a:link img {filter:invert;} a:visited img {filter:invert;} a:hover img {filter:none;} </style>

X-Ray on Mouseover

<style type="text/css"> a:link img {filter:none;} a:visited img {filter:none;} a:hover img {filter:xray();} </style>

X-Rayed with Normal on Mouseover

<style type="text/css"> a:link img {filter:xray();} a:visited img {filter:xray();} a:hover img {filter:none;} </style>

Transparent on Mouseover

<style type="text/css"> a:link img {filter:none;} a:visited img {filter:none;} a:hover img {filter:alpha(opacity=60);} </style>

Transparent with Normal on Mouseover

<style type="text/css"> a:link img {filter:alpha(opacity=60);} a:visited img {filter:alpha(opacity=60);} a:hover img {filter:none;} </style>

Dark and Twisted by GSV, 2008