• Resolved neil-guevara

    (@neil-guevara)


    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

Viewing 12 replies - 1 through 12 (of 12 total)
  • moshu

    (@moshu)

    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.

    joetaxpayer

    (@joetaxpayer)

    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

    Thread Starter neil-guevara

    (@neil-guevara)

    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…

    joetaxpayer

    (@joetaxpayer)

    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 –>

    Thread Starter neil-guevara

    (@neil-guevara)

    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

    joetaxpayer

    (@joetaxpayer)

    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

    jonimueller

    (@jonimueller)

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

    2nd1stimpression

    (@2nd1stimpression)

    @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'&#8221; style=”cursor:pointer;”><img src=”blah.jpg” alt=”blah” /></div>?

    Thread Starter neil-guevara

    (@neil-guevara)

    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”

    Thread Starter neil-guevara

    (@neil-guevara)

    Is there no one who can help me with this?

    Cheers guys 😉

    shaneholden

    (@shaneholden)

    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

    Thread Starter neil-guevara

    (@neil-guevara)

    I figured this out, with the help of dreamweaver 😉

Viewing 12 replies - 1 through 12 (of 12 total)

The topic ‘Making Text in Header Clickable’ is closed to new replies.