[eJM]

Originally Posted by RedHotChili

But what I really need to know is where exactly does this code get inserted? Does it get inserted in the HEADER part of the COMMON TEMPLATES? And if so, how does one exactly embed this particular code in there?

All CSS code should appear in AdminCP > Styles & Templates > Style Manager > All Style Options > the appropriate section for the code. Since Princeton said the background they use here is located in the HTML portion of the document, you would have to add that to one of the boxes in Additional CSS Definitions near the bottom of the page. There is no separate section for the HTML part of the document.

Since you are wanting the background to go only as far as the bottom of the footer, I'm guessing you want the shadow effect to wrap under the footer, with the background color filling the rest of the space below the footer when it doesn't fill a whole browser window. In that case, your background may have to be in 2 parts, the sides and the bottom. You would have to add a "wrapper" DIV to contain the header and footer, applying the shadow sides background to that. Then apply the footer background to the Page Background.

The side shadow background image can be only 1px high, but the width will be as wide as it needs to be for the effect you want. If your page will have a fixed width of 960px (my recommendation to allow the 1024px wide resolutions to comfortably contain the page and the borders of the browser, including the scroll bar on the right side - and a small margin on each side) that means subtracting the amount of shadow fade to the background color on each side to determine how wide the Main Table Width property will be set at.

The footer background can be tackled a few different ways. I think I would try to set it into the DIV that contains your copyright data and shove it to the bottom. That background image will have to be the same width as your side shadow background (just slice it from the same graphic) and only as high as the shadow from start to end of fade to background color. You can set up a new class or ID in one of the Additional CSS boxes and apply it to the DIV surrounding the copyright. You can use more than one class in a container and you can also have an ID and a class declaration - I would make it an ID, since it's only used once anywhere.

To learn how to use CSS to position your backgrounds, visit this page: http://www.w3schools.com/css/css_background.asp

Best R'gards,

Jim