WordPress.org

Support

Support » Themes and Templates » Making Header Background Image Clickable Link

Making Header Background Image Clickable Link

  • 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.

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

    vinyl_barstool
    Member

    @vinyl_barstool

    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.

    NorthernPassages
    Member

    @northernpassages

    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>

    vinyl_barstool
    Member

    @vinyl_barstool

    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?

    vinyl_barstool
    Member

    @vinyl_barstool

    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 ?

    Thank you very much NP … it works great.

    NorthernPassages
    Member

    @northernpassages

    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.