By including both your button image and its rollover image in one image such as this, you can create an effective rollover script with only CSS. Explore this technique and create something stunning!
<style type="text/css">
/*****************
--CSS Image Button Rollover
--More CSS Scripts at
--http://icecaves.net/tags/css
*****************/
#button1 {width:120px;height:45px;overflow:hidden;display:block;background:url('http://icecaves.net/files/nav2.gif') top left no-repeat}
#button1:hover {background-position:bottom left}
</style>
<a href="http://www.icecaves.net" id="button1"></a>Forum Board:
Comments
This should definitely come in handy. I'll try to incorporate it into my next layout. :)
Color of the Rain
DeviantArt
Google+
Twitter
Yeah, I've used this in past layouts. :)
Yay, Anna!
AnnaNeo
If I remember correctly, this is what I used for this layout: http://i826.photobucket.com/albums/zz190/enchantmenot/sitely/pastLayouts...
My Sites: 1 | 2 | 3 | 4 | 5 | 6
I used it for one of Moonwalked's old layouts too, back in the day...
"Baldrick, have you no idea what 'irony' is?" "Yes, it's like 'goldy' and 'bronzy' only it's made out of iron."