• Is there a way to make the header background image a clickable link without using the h1 tag? I’d like the entire image I’ve created to be the link.

Viewing 14 replies - 1 through 14 (of 14 total)
  • Yes. Just add to the size of h1 with padding until it fills the whole header area.
    Then use text indent *cough* to move the text part of the h1 1000px to the left.
    I have one on my blog.

    Thread Starter howephunny

    (@howephunny)

    Thanks Root … I’ll give it a try tonight.

    Can someone walk me through this step-by-step?

    I believe that root has provided the step by step process in this instance? You need to provide more information

    Podz’s css guide covers it in some detail:
    http://www.tamba2.org.uk/wordpress/graphicalcss/header/index.html (I think, its blocked by my work computer. If its not that page, its around there somewhere.

    I use this:
    <div id="header" onclick="location.href='<?php bloginfo('url'); ?>';" style="cursor: pointer;">** put whatever else is in your header div here**</div>

    In your case it would be as follows just cut and paste:

    <div id="header"onclick="location.href='<?php bloginfo('url'); ?>';" style="cursor: pointer;">
    <div id="headerimg">
    </div>
    </div>

    What file would I paste that into?

    put whatever else is in your header div

    ie your header.php. What NP said works great, I use that myself, at the same time the link provided for the guide will also tell you how to do it. Have you read it yet?

    Link doesn’t work for me. But I will try it out NP’s suggestions. Thanks for the help. Great community.

    ah I see, I guess podz is upgrading or something. But Np’s suggestion should woek fine

    You guys do realise that the posters name top right is a link to his blog ?

    Thread Starter howephunny

    (@howephunny)

    Thank you very much NP … it works great.

    No problem!

    How do I convert the ‘onclick’ above to make the url refresh a site to the ‘_top” so that clicking the header image restarts the whole ‘frames” structure of my site: www.darrowart.com/blog ? Normally, I just make a link that is <a href="http://www.Darrowart.com/blog" target="_top"> but I don’t know how to do this in a header… especially with the onclick thing

Viewing 14 replies - 1 through 14 (of 14 total)
  • The topic ‘Making Header Background Image Clickable Link’ is closed to new replies.