Simple way to change the kubrick’s header image.

Thank you very much …. its work perfectly fine…. 🙂

please tell me 1 more thing how can i put sliced image in my header, it contains buttons with links.i save this sliced image in “httml and images”…

someone just answered this on another forum here

replace the

<div id=”logo”>

with

<div id=”logo” onclick=”location.href=’http://www.yourlinkhere.com/&#8217;;” style=”cursor: pointer;”>

That will make the entire top section (the logo div) of your site go to wherever you set the link to.

I’m not sure if they can help, but I know that I can tell you a few things about what you want to do:

1) What you want – a banner/header with clickable spots that link to places like home, forecast, etc – is called an image map

2) What you need to do to insert the coding from the page that you just linked to, which is:

<img src="/images/general/nes_header.gif" width="820" height="200" border="0" usemap="#Map2" />
<map name="Map2" id="Map2">
  <area shape="rect" coords="481,173,540,198" href="http://www.northeastsurfing.com/surfshops.htm" />
  <area shape="rect" coords="743,173,817,198" href="http://www.northeastsurfing.com/contact.htm" />
  <area shape="rect" coords="687,173,742,198" href="http://www.northeastsurfing.com/media.htm" />
  <area shape="rect" coords="627,173,686,198" href="http://www.northeastsurfing.com/surfspots.htm" />
  <area shape="rect" coords="542,173,624,198" href="http://www.northeastsurfing.com/surfschools.htm" />
  <area shape="rect" coords="197,173,274,198" href="http://www.northeastsurfing.com/surfreports.htm" />
  <area shape="rect" coords="425,173,480,198" href="http://www.northeastsurfing.com/links.htm" />
  <area shape="rect" coords="276,173,327,198" href="http://www.northeastsurfing.com/cams.htm" />
  <area shape="rect" coords="330,173,423,198" href="http://www.northeastsurfing.com/education.htm" />
  <area shape="rect" coords="1,173,50,198" href="http://northeastsurfing.com/" />
  <area shape="rect" coords="51,173,105,198" href="http://www.northeastsurfing.com/eventsnews.htm" />
  <area shape="rect" coords="107,173,195,198" href="http://www.northeastsurfing.com/forecast.htm" />
</map>

into where your header image typically would go. Instead of being inserted as a background image where the image map can’t and won’t work, the header image will be an embedded image (like an image that shows up in a post you write) which will allow the header image work as an image map.

3) Because your image map is not terribly complicated (the navigation/link bar is directly underneath and the shapes are all rectangular), I believe that the same effect could be achieved using plain old CSS, which will save both load time and perhaps, additional hassle.

—

Now, how exactly you do #2 depends on a few factors – the most important one being ‘Which theme are you using for your WP site?’

Depending on how the theme author coded for the header to appear, what you’ll have to do to insert your own header where it needs to go will be different.

So.

What theme are you using? Kubrick? Something else? Got a link?

Hi,

I changed the header-ing.php file to:
<?php
header(“Location: header_filename.jpg”);
?>
I created a new kubrickheader.jpg image, but it doesn’t show. The header is blank now. I am wondering if you meant to add the code some place in the file instead of replacing the whole thing with it? (which is what I did)

Could anyone clarify and help?

Thanks in advance.

Yol