WordPress.org

Ready to get started?Download WordPress

Forums

[resolved] Making Text in Header Clickable (13 posts)

  1. Neil Guevara
    Member
    Posted 5 years ago #

    Hey guys im wondering if you can help me with a small problem. I have three pieces of text in my header on my blog. "Home", "Pictures", "About". Im wondering if there is a small piece of code to make them clickable?

    Any help is great.

    http://photoneil.net

    Neil

  2. moshu
    Member
    Posted 5 years ago #

    Wrong title.
    There is no text in your header - only image. Making a portion of an image clickable - is not really a WP question. You will have to find a forum specialized in images.

  3. joetaxpayer
    Member
    Posted 5 years ago #

    Your theme is purepassion by http://freewordpresslayouts.com/?p=71

    Their header has those links live. You changed to you own image, are you unable to add the links back in, through the online editor?
    Joe

  4. Neil Guevara
    Member
    Posted 5 years ago #

    No i can, thats no problem, but they look terrible, i wanted to add a new header, with the words as an image, and then make them clickable! i.e hover the link over the words...

  5. joetaxpayer
    Member
    Posted 5 years ago #

    Something like this;

    <div id="header">
    <h1>
    <img name="your image" src="/images/yourimage.png" alt="my image" />
    </h1>
    <?php include (TEMPLATEPATH . '/searchform.php'); ?>
    </div><!-- /header -->

  6. Neil Guevara
    Member
    Posted 5 years ago #

    No thats not it, the header will be all one image, the link code should simply be placed over a part of the whole picture i.e like on matts old theme header http://ma.tt/tools

  7. joetaxpayer
    Member
    Posted 5 years ago #

    Neil, a bit of tinkering, with multiple images each with their own link should do it. It's your page, no one can give you the exact code. What I put about is just a start.
    Joe

  8. Joni
    Member
    Posted 5 years ago #

    Just search the forum for 'clickable header' .. I've posted the code numerous times. Or look @ the source code on my website (check profile).

  9. 2nd1stImpression
    Member
    Posted 5 years ago #

    @joetaxpayer
    I thought it was a rip of Matt's old blog theme.

    However, making an "IMAGE" clickable is not really a WP question, its more of HTML question.
    Also, if you know (X)HTML, why don't you use Image Maps? Or even <img src="blah.jpg" alt="blah" />, or even use basic JavaScript: <div onclick="window.location.href='http://website.com'" style="cursor:pointer;"><img src="blah.jpg" alt="blah" /></div>?

  10. Neil Guevara
    Member
    Posted 5 years ago #

    Guys, the header is all one image, no other images, just header.gif, what i want to do is place links over certain parts of the header to make them then "clickable"

  11. Neil Guevara
    Member
    Posted 5 years ago #

    Is there no one who can help me with this?

    Cheers guys ;)

  12. shaneholden
    Member
    Posted 5 years ago #

    Neil,

    I didn't see your page before you put the text links on there, so I'm just assuming that you had typed your links onto your main header image in a font that matched your site, saved it as one image, and wanted to make them clickable. If I'm assuming right, and you want to do that rather than the hover links that you have now, give this a shot: http://www.cssplay.co.uk/articles/imagemap/index.html

    -Shane

  13. Neil Guevara
    Member
    Posted 5 years ago #

    I figured this out, with the help of dreamweaver ;)

Topic Closed

This topic has been closed to new replies.

About this Topic