PDA

View Full Version : Background Image



jan_mull
11-08-2003, 09:27 PM
Hello,

Could any of you maybe give me a few pointers on how to install a page-wide background image on MS2-MAX? The image is a color gradient that gradually changes color from left to right. I would like to have this backround visible behind the header, the columns, the boxes and the content in a seamless manner.

Should I add parts of this image to the boxes as separate background images for instance? And do I use the style sheet for this?

Especially with the header I would like this image to be behind the logo as well as the other icons on the top right side.

Any guidance would be MUCH appreciated!
Thanks in advance!

Jan

Anonymous
11-09-2003, 09:23 AM
Hi Jan

You can set the page background image in the stylesheet. I modified mine to display an image such as:

BODY {
background: #ffffff;
background: url("images/store/new11.jpg");
color: #000000;
margin: 10px;
}

Dan

jan_mull
11-09-2003, 09:30 PM
Thanks Dan,

That has helped me, thank you! However, I am still trying to make the header show a background picture. I did first of all go into the stylesheet and added a background image to the TR.header class. But this ends up as a double background image. I then tried to locate the actual header file itself, and I thought it is header.php -- but none of my code had any effect. I actually removed the header.php file temporarily just to see if this is really the file in question, and that did not have any effect either!

So how would you do the background image for the header band?

Thanks a lot!
Jan

Redbeard
11-10-2003, 07:31 AM
Hi Jan

In the templates/main_page.tpl.php file, find the section for the header (it's pretty well indicated, mine starts around line 23.

I added a line that basically says: <tr class="header"> and then defined the header class in my stylesheet as

TR.header {
background: url("images/store/someimage.jpg");
}

You'll have to adjust depending on how you want to make your header work.

Hope this helps, the big trick is finding the right file. Keep in mind, this should cover pages that work from the templates, you'll have a few additional pages to fix as well.

Dan