Wordpress Themes - WP Forum at BFA

Wordpress Themes - WP Forum at BFA (http://forum.bytesforall.com/index.php)
-   Header configuration & styling (http://forum.bytesforall.com/forumdisplay.php?f=15)
-   -   [SOLVED] Rollover Graphic in Header (http://forum.bytesforall.com/showthread.php?t=3578)

Whatsthatcat? Sep 24, 2009 10:55 AM

[SOLVED] Rollover Graphic in Header
Hi! I'm not sure this is going to be an easy one because I've read everything in the forum I can find and seems like it gets complicated, but I would like to put a rollover logo in my header. It can go in the horizontal bar or the logo area itself, I just want to get it in there! I read this thread and tried inserting the javascript into the horizontal bar but it didn't work (because I don't know what I'm doing. Ran into syntax errors). There's a way to do it using CSS inserts and avoid using js altogether, right? I just need some advice to get rolling!

juggledad Sep 24, 2009 05:18 PM

check out this writeup for rollover buttons http://www.webcredible.co.uk/user-fr...-buttons.shtml

Whatsthatcat? Sep 25, 2009 07:51 AM

That is insanely nifty! It led me to to another helpful article and another, eventually I ended up putting this:
HTML Code:

<A HREF="#">
<img src="http://shawnpearlman.com/wp-content/themes/atahualpa/images/splogo1.jpg" class="nohover">
<img src="http://shawnpearlman.com/wp-content/themes/atahualpa/images/splogo2.jpg" class="hover">

into my bfa_header_config betwixt
HTML Code:

$horizontal_bar2 = '<div class="horbar2">&nbsp;</div>'
where the non-breaking space is and then I put the following into CSS inserts:
HTML Code:

img.nohover {border:0}
img.hover {border:0;display:none}
A:hover img.hover {display:inline}
A:hover img.nohover {display:none}

Thanks a bunch!

All times are GMT -6. The time now is 02:14 AM.

Powered by vBulletin® Copyright ©2000 - 2022, Jelsoft Enterprises Ltd.