Well maybe someone can answer this one... Options

[zgillman]

Nobody was really familiar with WordPress when I asked yesterday, so I kinda figured it out.. Maybe someone can help me now with a simpler question..
------

I've modified the theme a little and made it my own kinda. Here is the css I have for this.. I don't know how to make it rollover the footer and then it change colors whenever you rollover a link. I want to eventually have a link for facebook and twitter and maybe more at the bottom of the page (http://hawk-talk.com/newspaper) and as you see now I have one picture...

http://hawk-talk.com/newspaper/wp-content/...y-footer-ro.jpg

And when you roll over the facebook logo, I want the facebook logo to look like this:

http://hawk-talk.com/newspaper/wp-content/...erry-footer.jpg

I'm not sure how you would do this with a "background image" or what the css would be.. And can I do different rollovers for the same image? Like if you rollover facebook then it "lights up" and then if you rollover twitter, it "lights up".. Thanks in advance, my css is below.. tell me if you need anything else!
------

CODE

/* hawkberry css */

.hawkberry #header {
    background-image: url('images/strawberry-header.jpg');
}

.hawkberrycolor, .hawkberry a, .hawkberry h2 a:hover, .hawkberry h3 a:hover{
    color: #f00;
}

.hawkberry a:hover{
    color: #b00;
}

.hawkberry .entry a:visited{
    color: #f66;
}

.hawkberry #headertxt h1, .hawkberry #headertxt h1 a, .hawkberry #headertxt h2 {
    color: #eee;
}

.hawkberry #headertxt h1 a:hover {
    color: #fff;
}

.hawkberry #footer {
    background-image: url('images/strawberry-footer-ro.jpg');
    hover: url('images/strawberry-footer.jpg')
    color: #000;
}
/* [end] hawkberry css */

[zgillman]

Man I'm good.. Figured it out - sorta. If anyone has any suggestions on what I should do instead, if there is any more logical way of doing it, please let me know!!

http://www.hawk-talk.com/newspaper

[Frederiek]

Hovering the facebook image makes it flicker, even in my Safari/Mac. Your link image consists of the entire bottom + the facebook part, which makes the entire area clickable. Normally, one would use two different images, one for the red bottom part and one for the facebook image. Then you'd also have the possibility to add other social network links if you like.

BTW, you'd best also validate the markup (see link at top and bottom of this page).

[pandy]

even in my Safari/Mac.