This is very simple via CSS. In your header.php file (and depending what theme your using) you could execute it like so:
<div id="headerimg">
<a href="http://www.link.to.whatever.com"></a>
</div>
And in your style.css you can make the roll over like so:
#headerimg {
height:100px;
width:100px;
background-image: url(http://your-site.com/images/header-logo.jpg);
}
#headerimg a {
height:100px;
width:100px;
display: block;
}
#headerimg a:hover {
background-image: url(http://your-site.com/images/header-logo_over.jpg);
}
Ignore that last “backtick”. I seem to be having trouble posting code at the moment.
Which “backtick”..? =P By the way, *usually*..you don’t have to wrap CSS codes in “backticks”. 😉 I just removed that last “backtick” though, that was it. 😉 =)
spencerp
And if I want to add more than one, I define the next one as “b”, “c” and so forth?
What about parking an image over the background of a header? Would that be done much the same way?
Thanks again!
-d
Thanks spencerp. For some weird reason the “backtick” deal gets wonky for me every so often.
dragon27, I don’t see that there would be much of a problem hard-coding an image in the #headerimg div. It should work as you expect. Give it a whirl. If you have any problems let me knnow.
Thanks spencerp. For some weird reason the “backtick” deal gets woonky for me every so often.
You’re welcome. =) Yeah, I know.. it happens to everyone though sigh. =( If *only* this was phpBB hahaha.. [ducks quick]..low crawls outta the forum.. were under fire!
spencerp