I've got a custom header graphic that includes illustrated navigation buttons…

  • Author
    Posts
  • #966998

    curiousemily
    Member

    I’ve just finished getting all new graphics made for my blog (which is currently down while I tinker with it).

    The header image is a large, circular logo, and then a sort of banner coming out on either side with buttons on it. How can I insert this header image and turn certain areas of the graphic into links?

    Thanks!

    Emily

    The blog I need help with is incurablycurious.com.

    #967144

    zandyring
    Staff

    Emily,
    Hmm, that’s a good question. I’m not certain, but I think the answer is it can’t be done.
    I wonder if using CSS to designate an anchor link onto the image would work, but I’m not sure if you can cause the image to have multiple anchor links associated with it. What you want to do would require some re-working of the HTML, I think. Without looking at your blog I’d have a hard time giving you a better answer. You MIGHT be able to adjust the z-index of the nav and also bump it up with padding in order to “overlay” it on your graphic and get functionality that way, but again, I’m not totally sure.
    Good luck!
    -Z

    #967151

    justpi
    Member

    It can be done, but we can’t suggest a solution if we can’t see the blog, the theme and the image.

    #967334

    For a case like this, I would recommend adding sliced up images (and the HTML for the links) into a text widget instead of one large header image and then using CSS to reposition the images into place. If you still need help, please upload a sample header image (or header image pieces) for us into your media library and link them here so we can take a look.

The topic ‘I've got a custom header graphic that includes illustrated navigation buttons…’ is closed to new replies.