Home Generators Graphics Images Flash Codes Backgrounds Resources

Graphics-Codes

for Myspace plus other social networking sites

Web	www.graphics-codes.com

Hot Links Filter Effects

Hot Links Rollover Filter Effects An easy way to add cool effects to all your profile images and links. Select from the Sample Effects below. Select the code from the Textareas below the sample images. Copy the code to your 'About Me' Section for Myspace users or simillar code area for other sites. This will apply the effect to all images in myspace and hotlinks. If you can't find the effect you want, make your own filter rollover effect here.
Faded Sides <style type="text/css"> a.navbar:hover{color:red; font-weight:bold;} a:hover, a.redlink:hover, a.navbar:hover{Filter:Alpha(Opacity=100, FinishOpacity=0, Style=2, StartX=20, StartY=40, FinishX=0,FinishY=0)font-size:8pt; color:red; text-decoration:none; border:0px solid;}a:hover img{Filter: Alpha(Opacity=100, FinishOpacity=0, Style=2, StartX=20,StartY=40, FinishX=0,FinishY=0); border:0px solid;} </style> Get Cool Rollover Effects From www.graphics-codes.com <a href='http://www.graphics-codes.com' target='_blank'>www.graphics-codes.com</a> forthe Most Graphics and Codes<br /><div style="position:absolute;z-index:9;left:0px;top:0px;"><a href='http://www.graphics-codes.com' target='_blank'><img src="http://www.graphics-codes.com/taglogo.gif" border="0" /></a>	Mirror Images <style type="text/css"> a.navbar:hover{color:red; font-weight:bold;} a:hover, a.redlink:hover, a.navbar:hover{Filter: FlipH) font-size:8pt; color:red; text-decoration:none; border:0px solid;}a:hover img {Filter: FlipH); border:0px solid;} </style> Get Cool Rollover Effects From www.graphics-codes.com <a href='http://www.graphics-codes.com' target='_blank'>www.graphics-codes.com</a> forthe Most Graphics and Codes<br /><div style="position:absolute;z-index:9;left:0px;top:0px;"><a href='http://www.graphics-codes.com' target='_blank'><img src="http://www.graphics-codes.com/taglogo.gif" border="0" /></a>	Negative Image Effect <style type="text/css"> a.navbar:hover{color:red; font-weight:bold;} a:hover, a.redlink:hover, a.navbar:hover{Filter: Invert) font-size:8pt; color:red; text-decoration:none; border:0px solid;}a:hover img {Filter: Invert); border:0px solid;} </style> Get Cool Rollover Effects From www.graphics-codes.com <a href='http://www.graphics-codes.com' target='_blank'>www.graphics-codes.com</a> forthe Most Graphics and Codes<br /><div style="position:absolute;z-index:9;left:0px;top:0px;"><a href='http://www.graphics-codes.com' target='_blank'><img src="http://www.graphics-codes.com/taglogo.gif" border="0" /></a>
Flip Upsidedown <style type="text/css"> a.navbar:hover{color:red; font-weight:bold;} a:hover, a.redlink:hover, a.navbar:hover{Filter: FlipV) font-size:8pt; color:red; text-decoration:none; border:0px solid;}a:hover img {Filter: FlipV); border:0px solid;} </style> Get Cool Rollover Effects From www.graphics-codes.com <a href='http://www.graphics-codes.com' target='_blank'>www.graphics-codes.com</a> forthe Most Graphics and Codes<br /><div style="position:absolute;z-index:9;left:0px;top:0px;"><a href='http://www.graphics-codes.com' target='_blank'><img src="http://www.graphics-codes.com/taglogo.gif" border="0" /></a>	Fuzzy Image Effects <style type="text/css"> a.navbar:hover{color:red; font-weight:bold;} a:hover, a.redlink:hover, a.navbar:hover{Filter: Blur(Add = 0, Direction = 225, Strength = 10) font-size:8pt; color:red;text-decoration:none; border:0px solid;} a:hover img {filter: Blur(Add = 0, Direction= 225, Strength = 10); border:0px solid;} </style> Get Cool Rollover Effects From www.graphics-codes.com <a href='http://www.graphics-codes.com' target='_blank'>www.graphics-codes.com</a> forthe Most Graphics and Codes<br /><div style="position:absolute;z-index:9;left:0px;top:0px;"><a href='http://www.graphics-codes.com' target='_blank'><img src="http://www.graphics-codes.com/taglogo.gif" border="0" /></a>	Wavy Image Effects <style type="text/css"> a.navbar:hover{color:red; font-weight:bold;} a:hover, a.redlink:hover, a.navbar:hover{Filter: Wave(Add=0, Freq=5, LightStrength=20, Phase=220, Strength=10) font-size:8pt;color:red; text-decoration:none; border:0px solid;} a:hover img {Filter: Wave(Add=0,Freq=5, LightStrength=20, Phase=220, Strength=10); border:0px solid;} </style> Get Cool Rollover Effects From www.graphics-codes.com <a href='http://www.graphics-codes.com' target='_blank'>www.graphics-codes.com</a> forthe Most Graphics and Codes<br /><div style="position:absolute;z-index:9;left:0px;top:0px;"><a href='http://www.graphics-codes.com' target='_blank'><img src="http://www.graphics-codes.com/taglogo.gif" border="0" /></a>
GreyScale Pictures <style type="text/css"> a.navbar:hover{color:red; font-weight:bold;} a:hover, a.redlink:hover, a.navbar:hover{Filter: Gray) font-size:8pt; color:red; text-decoration:none; border:0px solid;}a:hover img {Filter: Gray); border:0px solid;} </style> Get Cool Rollover Effects From www.graphics-codes.com <a href='http://www.graphics-codes.com' target='_blank'>www.graphics-codes.com</a> forthe Most Graphics and Codes<br /><div style="position:absolute;z-index:9;left:0px;top:0px;"><a href='http://www.graphics-codes.com' target='_blank'><img src="http://www.graphics-codes.com/taglogo.gif" border="0" /></a>	Big Hearts <style type="text/css"> a.navbar:hover{color:red; font-weight:bold; background-image:url(http://www.graphicsload.com/Effects/heart.gif); } a:hover, a.redlink:hover, a.navbar:hover { background-image:url(http://www.graphicsload.com/Effects/heart.gif); font-size:8pt; color:red; text-decoration:none; border:0px solid;} a:hover img { background-image:url(http://www.graphicsload.com/Effects/heart.gif ); filter:alpha(finishopacity=50, style=2); border:0px solid;} </style> Get Cool Rollover Effects From www.graphics-codes.com <a href='http://www.graphics-codes.com' target='_blank'>www.graphics-codes.com</a> forthe Most Graphics and Codes<br /><div style="position:absolute;z-index:9;left:0px;top:0px;"><a href='http://www.graphics-codes.com' target='_blank'><img src="http://www.graphics-codes.com/taglogo.gif" border="0" /></a>	Blue Cover <style type="text/css"> a.navbar:hover{color:red; font-weight:bold; background-image:url(http://www.graphicsload.com/Effects/blue.jpg); } a:hover, a.redlink:hover, a.navbar:hover { background-image:url(http://www.graphicsload.com/Effects/blue.jpg); font-size:8pt; color:red; text-decoration:none; border:0px solid;} a:hover img { background-image:url(http://www.graphicsload.com/Effects/blue.jpg ); filter:alpha(finishopacity=50, style=2); border:0px solid;} </style> Get Cool Rollover Effects From www.graphics-codes.com <a href='http://www.graphics-codes.com' target='_blank'>www.graphics-codes.com</a> forthe Most Graphics and Codes<br /><div style="position:absolute;z-index:9;left:0px;top:0px;"><a href='http://www.graphics-codes.com' target='_blank'><img src="http://www.graphics-codes.com/taglogo.gif" border="0" /></a>
Sparkle Static <style type="text/css"> a.navbar:hover{color:red; font-weight:bold; background-image:url(http://www.graphicsload.com/Effects/sparky2.gif); } a:hover, a.redlink:hover, a.navbar:hover { background-image:url(http://www.graphicsload.com/Effects/sparky2.gif); font-size:8pt; color:red; text-decoration:none; border:0px solid;} a:hover img { background-image:url(http://www.graphicsload.com/Effects/sparky2.gif ); filter:alpha(finishopacity=50, style=2); border:0px solid;} </style> Get Cool Rollover Effects From www.graphics-codes.com <a href='http://www.graphics-codes.com' target='_blank'>www.graphics-codes.com</a> forthe Most Graphics and Codes<br /><div style="position:absolute;z-index:9;left:0px;top:0px;"><a href='http://www.graphics-codes.com' target='_blank'><img src="http://www.graphics-codes.com/taglogo.gif" border="0" /></a>	Pink Sparkly <style type="text/css"> a.navbar:hover{color:red; font-weight:bold; background-image:url(http://www.graphicsload.com/Effects/sparky3.gif); } a:hover, a.redlink:hover, a.navbar:hover { background-image:url(http://www.graphicsload.com/Effects/sparky3.gif); font-size:8pt; color:red; text-decoration:none; border:0px solid;} a:hover img { background-image:url(http://www.graphicsload.com/Effects/sparky3.gif ); filter:alpha(finishopacity=50, style=2); border:0px solid;} </style> Get Cool Rollover Effects From www.graphics-codes.com <a href='http://www.graphics-codes.com' target='_blank'>www.graphics-codes.com</a> forthe Most Graphics and Codes<br /><div style="position:absolute;z-index:9;left:0px;top:0px;"><a href='http://www.graphics-codes.com' target='_blank'><img src="http://www.graphics-codes.com/taglogo.gif" border="0" /></a>	Green Sparkly <style type="text/css"> a.navbar:hover{color:red; font-weight:bold; background-image:url(http://www.graphicsload.com/Effects/sparky5.gif); } a:hover, a.redlink:hover, a.navbar:hover { background-image:url(http://www.graphicsload.com/Effects/sparky5.gif); font-size:8pt; color:red; text-decoration:none; border:0px solid;} a:hover img { background-image:url(http://www.graphicsload.com/Effects/sparky5.gif ); filter:alpha(finishopacity=50, style=2); border:0px solid;} </style> Get Cool Rollover Effects From www.graphics-codes.com <a href='http://www.graphics-codes.com' target='_blank'>www.graphics-codes.com</a> forthe Most Graphics and Codes<br /><div style="position:absolute;z-index:9;left:0px;top:0px;"><a href='http://www.graphics-codes.com' target='_blank'><img src="http://www.graphics-codes.com/taglogo.gif" border="0" /></a>
Sparkle Stars <style type="text/css"> a.navbar:hover{color:red; font-weight:bold; background-image:url(http://www.nackvision.com/myspace/links/twinklingstars2.gif); } a:hover, a.redlink:hover, a.navbar:hover { background-image:url(http://www.nackvision.com/myspace/links/twinklingstars2.gif); font-size:8pt; color:red; text-decoration:none; border:0px solid;} a:hover img { background-image:url(http://www.nackvision.com/myspace/links/twinklingstars2.gif ); filter:alpha(finishopacity=50, style=2); border:0px solid;} </style> Get Cool Rollover Effects From www.graphics-codes.com <a href='http://www.graphics-codes.com' target='_blank'>www.graphics-codes.com</a> forthe Most Graphics and Codes<br /><div style="position:absolute;z-index:9;left:0px;top:0px;"><a href='http://www.graphics-codes.com' target='_blank'><img src="http://www.graphics-codes.com/taglogo.gif" border="0" /></a>	Beating Hearts <style type="text/css"> a.navbar:hover{color:red; font-weight:bold; background-image:url(http://www.nackvision.com/myspace/links/beating2xm.gif); } a:hover, a.redlink:hover, a.navbar:hover { background-image:url(http://www.nackvision.com/myspace/links/beating2xm.gif); font-size:8pt; color:red; text-decoration:none; border:0px solid;} a:hover img { background-image:url(http://www.nackvision.com/myspace/links/beating2xm.gif); filter:alpha(finishopacity=50, style=2); border:0px solid;} </style> Get Cool Rollover Effects From www.graphics-codes.com <a href='http://www.graphics-codes.com' target='_blank'>www.graphics-codes.com</a> forthe Most Graphics and Codes<br /><div style="position:absolute;z-index:9;left:0px;top:0px;"><a href='http://www.graphics-codes.com' target='_blank'><img src="http://www.graphics-codes.com/taglogo.gif" border="0" /></a>	Bubbles <style type="text/css"> a.navbar:hover{color:red; font-weight:bold; background-image:url(http://www.nackvision.com/myspace/links/bubbles3qg.gif); } a:hover, a.redlink:hover, a.navbar:hover { background-image:url(http://www.nackvision.com/myspace/links/bubbles3qg.gif); font-size:8pt; color:red; text-decoration:none; border:0px solid;} a:hover img { background-image:url(http://www.nackvision.com/myspace/links/bubbles3qg.gif); filter:alpha(finishopacity=50, style=2); border:0px solid;} </style> Get Cool Rollover Effects From www.graphics-codes.com <a href='http://www.graphics-codes.com' target='_blank'>www.graphics-codes.com</a> forthe Most Graphics and Codes<br /><div style="position:absolute;z-index:9;left:0px;top:0px;"><a href='http://www.graphics-codes.com' target='_blank'><img src="http://www.graphics-codes.com/taglogo.gif" border="0" /></a>

COPYRIGHT 2017 graphics-codes.com All Rights Reserved. graphics-codes.com is not affiliated nor associated with MySpace.com. MySpace is a Registered Trademark of News Corp. We are not associated with MySpace.com or News Corp. in any way, shape, or form. All images are provided by users we respect the rights of ALL Copyright holders and welcome any correspondence, any images that are in violation of copyright, offensive or distasteful will be removed. Please contact us regarding these issues.

V2024 - 1 BaseScripts with Laurence Svekis Learn to Code

Main Menu

Popular Stuff

Hot Codes

Weekday Images Daily

Code Generators

Myspace Layouts

Myspace Codes

All Graphics

Graphics-Codes

Popular Graphics

Time Date Occasion

More Cute Comments

Site Exchange