• Resolved dragon27

    (@dragon27)


    I have two questions. One- Can you easily make javascript graphic displayed-like buttons for navigation purposes using WordPress? (example: graphic is static until you roll over it and it changes to another color version before you click and get transported to another page. I know you can do this with text). Is there a widget or something one can use or do I have to know php code?

    Two- Can you display another graphic in your header over a background or background graphic? I can’t seem to make it happen.

    Thanks!

Viewing 6 replies - 1 through 6 (of 6 total)
  • 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

    Thread Starter dragon27

    (@dragon27)

    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

Viewing 6 replies - 1 through 6 (of 6 total)

The topic ‘Buttons and Header Graphic?’ is closed to new replies.