How to make a clickable header image, with different “hot spots”?

  • livinginstereo

    (@livinginstereo)


    19 years ago

    I’ve gotten so much help on this forum. Thanks to everyone.

    Here’s my latest issue: I want to make the image in my header clickable, as in linkable to my home page or to a different page on site. But I don’t want to make the entire jpeg clickable, only part of it. I think this is called a “hot spot” and I’ve been able to do that in Dreamweaer html, but have no idea how to add that to WordPress.

    I’d actually like to make two different hot spots on the same jpg to send visitors to different locations, depending on the page.

    Can anyone help with this? Do I need to add something to the CSS file? What do I add, and where? My site is: https://livinginstereo.com

Viewing 3 replies - 16 through 18 (of 18 total)
  • monkeypup

    (@monkeypup)

    Kahil-
    Amen. Moshu and some others have a tendency on this board to be rather snarky. This is a pet peeve of mine. Most folks that come to support boards (including this one) are, more or less, at the lower end of knowledge and skill. I know that I was a year or so ago when I started asking for help here. So, sometimes a person might ask a question that could or should be asked elsewhere, but you know what? Don’t answer it! And also, don’t make a comment! There are people on these boards (as evidenced by this thread) that ARE willing to help. Maybe I’ll get reamed for saying so, but to heck with it. Now that I am a little more knowledgeable about WP, I try to comb the boards and answer what I can. It’s not much, but I do it because people helped me back when I was new to it all. And I still had to wade through sarcasm and snarky links to searches I SHOULD have done. Whew. Rant over. Help people if you can, or say nothing. That’s my opinion.
    Mp

    Thread Starter livinginstereo

    (@livinginstereo)

    Just an update: I added image mapping to my header.php, and it seems to work great! I kept the background image at the top, and then just added the following code to the bottom of my template:

    <div id=”header”>
    <img src=”https://www.livinginstereo.com/wp-content/themes/stylish_blue_modern/images/livinginstereomain.gif&#8221; width=”874″ height=”130″ border=”0″ usemap=”#Map”>
    </div>
    <map name=”Map”>

    </map>
    </body>
    </html>

    Thanks to everyone who helped out with this!

    Hello all.

    I have a question that IS this question, only different. I have an image that needs to be the header, yet needs to have 8 clickable links inside, and to make it even more difficult, I need to be able to change the color of the “button” if you are on that page. i.e. if I am on page one, then the button for page one is a different background (now I can make this button a jpg if I need to)and the rest of the buttons have thier orginal look.

    I am VERY VERY new to this WHOLE CSS/HTML scene. If anyone can help me, it would be MUCH appreciated.

    Thank you!
    Kimberly

Viewing 3 replies - 16 through 18 (of 18 total)
  • The topic ‘How to make a clickable header image, with different “hot spots”?’ is closed to new replies.

Tags