View Full Version : Rollover in Photoshop/ImageReady


Combat Babe
09-03-2006, 07:48 PM
This is what I have so far on this layout:

www.erstwhilemoments.lp.tl/baseindex.htm

I have photoshop and imageready, and I want to make the icons on the buttons turn the color of her hair when you hover over them. How do I go about doing this?

Arwen
09-03-2006, 08:48 PM
Well, make 2 different buttons, then create a CSS code:

a.button, a:active.button, a:visited.button {
display: block;
background: transparent url(button1.gif) no-repeat;
width: 89px; /* button width */
height: 27px; /* button height */
font-family: Arial;
font-size: 12px;
font-weight: bold;
text-align: center;
text-decoration: none;
padding-top: 5px;
color: #ffffff;}

a:hover.button {
display: block;
background: transparent url(button2.gif) no-repeat;}

Then add your links:

<a href="URL" class="button">Link</a>