Wordpress Themes - WP Forum at BFA
Click here to register or to donate.
Auto self-registration is not available here - far too many spammers. This forum has many, many backlinks and because of that there is an intense desire among spammers to drop their links here.

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

[SOLVED] Rollover Graphic in Header


  #1  
Old Sep 24, 2009, 11:55 AM
Whatsthatcat?
 
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!
  #2  
Old Sep 24, 2009, 06:18 PM
juggledad's Avatar
juggledad
 
23,576 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
  #3  
Old Sep 25, 2009, 08:51 AM
Whatsthatcat?
 
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">
</A>
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!

Bookmarks

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 04:16 PM
How to add 2 link rollover buttons in horizontal header bar stevemitch2 Header configuration & styling 2 Jun 4, 2009 10:47 AM
Problems with adding image/graphic in sidebar Nefeli Sidebars & Widgets 5 Feb 25, 2009 08:16 AM


All times are GMT -6. The time now is 02:53 PM.


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