Adding an Image to Page Header

[mandarin]

You may want to add an image to the top of your page and place it behind the title and search box.

Here's an easy way to do it.

1. Create your image, I recommend a size of 1000px by 200px. Remember that words will appear in front of the image so add images etc of appropriate colours - assuming you are leaving the title in blue words. Save the image in your site images folder.

2. open site.css and at about line 61 you will see:

/* Box for title */
#titlebox {
color: #0059B3;
padding: 6px;
background-color:#FFF;
}

Change this to:

/* Box for title */
#titlebox {
color: #0059B3;
padding: 6px;
background-color:#FFF;
height:150px;
background-image:url(images/yourimagename.jpg);
}

Upload saved site.css file, upload new image file and visit site.

Image sits in background. Make sure site title can be read.

Mike

[john]

Probably also best to add the following CSS if you are adding an image to the header:

background-position: top left;
background-repeat: no-repeat;
height: 200px; */ to match the image height */

More at http://www.goldroo.com/software/docs...n/#stylesheets