Smart Backgrounds support

[SHokuf]

I just wanted show how great the smart backgrounds worked!
http://www.aircorpsdepot.com

I'm now doing it on a client's site as well.
Thanks.

[Girdy74]

Alrighty then!! I feel like a shmoe but it took me forever to figure out how to do this for a header (which probably shouldn't have but did). I'm just learning about all this php coding and what goes with what!!

I wanted to add my two cents for the people struggling with the header background ( btw-I didn't use EZ pages).

I installed the following files as directed:
/includes/templates/MY_FILE/css/stylesheet_smartbg.css
/includes/templates/MY_FILE/common/tpl_main_page.php
/includes/templates/MY_FILE/images/(here is where I added all my smartbg_#.jpg's

I then coded my #logoWrapper in my main stylesheet.css :

#logoWrapper {
width:384x;
height:220px;
background-repeat:no-repeat;
background-position: bottom right;
}

Then I went into the new stylesheet I got with the Smart Background install (stylesheet_smartbg.css). I coded the following:

right after the (/*example to set default header bg*/
#headerWrapper {background-image: url(../images/smartbg.gif);}) I put


/*logowrapper for the home/main page*/
.smartBG_ #logoWrapper {
background-image: url(../images/smartbg_.jpg);
background-repeat: no-repeat;
background-position: bottom right;
}

/*logowrapper for the cPath=1 page */
.smartBG_1 #logoWrapper {
background-image: url(../images/smartbg_1.jpg);
background-repeat: no-repeat;
background-position: bottom right;
}

/*logowrapper for the cPath=2 page */
.smartBG_2 #logoWrapper {
background-image: url(../images/smartbg_2.jpg);
background-repeat: no-repeat;
background-position: bottom right;
}

/*logowrapper for the cPath=3 page */
.smartBG_3 #logoWrapper {
background-image: url(../images/smartbg_3.jpg);
background-repeat: no-repeat;
background-position: bottom right;
}

/*logowrapper for the cPath=4 page */
.smartBG_4 #logoWrapper {
background-image: url(../images/smartbg_4.jpg);
background-repeat: no-repeat;
background-position: bottom right;
}



------------------------------------------

I now have the pictures I want displayed in my header. I wish I could give everyone the link but it is still under construction and my boss doesn't want this out there yet (don't blame him, it's not done!!).

I did NOT use E-Z pages. I just looked at the certain pages and looked in the url to find out what page I was on (via the cPath=##). I am so glad I FINALLY figured it out. I read through the forums to try and get a better understanding.

THANK GOODNESS TO ALL THE PEOPLE WHO ASK QUESTIONS AND THE AWESOME CODING GENIUSES!!!! Thank you to all who are in this forum

[Girdy74]

Got a question! I wanted to come up with a default image in case I forget a page and don't have a class for it. I tried using the default code that the smart background uses in the css stylesheet for the headWrapper, except I just changed it logoWrapper. The problem is, it puts the picture on the background (behind the actual header)?

I tried putting: .smartbg #logoWrapper { background-image: ../images/mycertainpicture.jpg} and also just tried #logoWrapper { background-image: ../images/mycertainpicture.jpg}

The rest of the code I have for the stylesheet is listed above~