Wordpress Themes - WP Forum at BFA
There will be no more development for Atahualpa (or any other theme), and no support. Also no new registrations. I turned off the donation system. I may turn the forum to read only if it gets abused for spam. Unfortunately I have no time for the forum or the themes. Thanks a lot to the people who helped in all these years, especially Larry and of course: Paul. Take care and stay healthy -- Flynn, Atahualpa developer, Sep 2021

Wordpress Themes - WP Forum at BFA » WordPress Themes » Atahualpa 3 Wordpress theme » Header configuration & styling »

[SOLVED] Rollover Graphic in Header

Old Sep 24, 2009, 10:55 AM
25 posts · Mar 2009
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!
Old Sep 24, 2009, 05:18 PM
juggledad's Avatar
23,765 posts · Mar 2009
OSX 10.11.5 WP 4.x Atahualpa(all) Safari, Firefox, Chrome
check out this writeup for rollover buttons http://www.webcredible.co.uk/user-fr...-buttons.shtml
"Tell me and I forget, teach me and I may remember, involve me and I learn." - Benjamin Franklin
Juggledad | Forum Moderator/Support
Old Sep 25, 2009, 07:51 AM
25 posts · Mar 2009
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!


Thread Tools Search this Thread
Search this Thread:

Advanced Search
Display Modes

Similar Threads
Thread Thread Starter Forum Replies Last Post
Using rollover images in text widget causes blank lines between rollovers? hankphone Sidebars & Widgets 8 Jul 27, 2009 03:16 PM
How to add 2 link rollover buttons in horizontal header bar stevemitch2 Header configuration & styling 2 Jun 4, 2009 09:47 AM
Problems with adding image/graphic in sidebar Nefeli Sidebars & Widgets 5 Feb 25, 2009 07:16 AM

All times are GMT -6. The time now is 07:51 PM.

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