Trying to figure out how to change the header on the home page

[amcdougall]

I'm trying to change the header to the image that I've attached. My problem is that I don't know how to do this. I've followed the documentation to create new folder for my template change and I assume that the picture I've included for the header would go into either the tpl_header.php or html_header.php.If I'm wrong where does this pic go? Also where and how would it get placed into whatever code it needs to be in, so that it will expand to the width of the browser? Can anyone help with an example? The documentation doesn't seem to explain any of this.

[Kim]

You do not need to edit either of those files to change the header the ability to make an expandable header is already built in.

Begin by opening your photo editor and saving your image as a gif instead of a jpeg. name it logo.gif

Then "slice" a 5 pixel wide piece of the right hand side so that you only have a tall noarrow image that has the black borders on the top and bottom. Save that image as headerBG.gif

Upload the images to templates/YOUR_TEMPLATE/images/ The logo should then work automatically.

Next open YOUR_TEMPLATE/css/stylesheet.css . Find (or add):

#logoWrapper{
background-image: url(../images/headerBG.gif);
background-repeat: repeat-x;
background-color: #ffffff;
height: XXpx; Adjust this height to match your image height
}

After editing upload your css to your server.