Add a Header background image

[paulb104]

Hey

Almost every time I Google an answer to a question I have about osCommerce, oscmax is in the results so I thought I'd join and participate directly.

I know the header color can be changed from the installed white. I have a background image for the page and I want to put the same image in the header.


I have seem multiple posts about this, but never a solution.

Can it be done? If so, how?

While I'm on the topic, I would also love to add the same background image to two places.

The first is the "New Products For <month>" section and the second it the "Let's See What We Have Here" area when a category is clicked on.

With these changes, the background of the entire page, regardless of the area, should be seamless as the one background image.

Thanks!!!!!

Paul

[met00]

The header is in a table. Apply the background image to the table.

see... Tryit Editor v1.4 for how to do it.

[michael_s]

Almost every time I Google an answer to a question I have about osCommerce, oscmax is in the results so I thought I'd join and participate directly.

Our discussion forums support both osCommerce and osCMax (the difference between the two is not as big as the osC folks would want you to believe!)

So, if I understand, you want the header to use that gray background image? All you need to do is edit the stylesheet, and specify a background image. I believe the style you are looking for is:

TR.header :: Controls the background color of the header cell.

[paulb104]

Thanks to both of you.

So, if I understand, you want the header to use that gray background image? All you need to do is edit the stylesheet, and specify a background image. I believe the style you are looking for is:
TR.header :: Controls the background color of the header cell.

You mean the stylesheet.css in the catalog folder? I currently have all these three background lines in the code, but it doesn't work:

BODY {
background: white;
color: black;
margin: 0px;
background-image: url('images/GREY5.jpg');
background-repeat: repeat;
background-position: center; }
}

The header is in a table. Apply the background image to the table.see... Tryit Editor v1.4 for how to do it.

In catalog/includes/header.php, at the bottom there are four lines with <Table code. I added each of these to all four, and none worked:

background="GREY5.jpg"
background="/catalog/images/GREY5.jpg"
background="www.mysite.com/catalog/images/GREY5.jpg"

Both are great suggestions, but I don't have enough info to implement either...

[paulb104]

The header is in a table. Apply the background image to the table.

Where's the table?

So, if I understand, you want the header to use that gray background image? All you need to do is edit the stylesheet, and specify a background image. I believe the style you are looking for is:
TR.header :: Controls the background color of the header cell.

In the Body section was this code:
BODY {
background: white;
color: black;
margin: 0px; }

I changed it to this and it does not work:
BODY {
background: white;
color: black;
margin: 0px;
background-image: url('images/GREY5.jpg');
background-repeat: repeat;
background-position: center; }

[michael_s]

As per my first reply, you need to specify the background image in the TR.header of the stylesheet, not the BODY section.

It would look like this:

TR.header {
background-image: url('images/GREY5.jpg');
}

Then just make sure that the style is also actually added to the <tr> tag of the cell.

[paulb104]

It would look like this:

TR.header {
background-image: url('images/GREY5.jpg');
}

Then just make sure that the style is also actually added to the <tr> tag of the cell.

Now THAT'S what I'm talkin' about

All I need now is to do the same for the "New Products For <month>" section and the second it the "Let's See What We Have Here" area when a category is clicked on.

Then that part of the formatting will be complete!