Zen Cart Logo
Forums / Templates, Stylesheets, Page Layout / image behind main content?

image behind main content?

Locked

Views: 836

Results 1 to 4 of 4
This thread is locked. New replies are disabled.
7 Aug 2008, 11:39 AM
#1
jimmy9 avatar

jimmy9

New Zenner

Join Date:
Aug 2008
Posts:
5
Plugin Contributions:
0

image behind main content?

hello is there a way to put a tiling image behind all the content side boxes centre boxes etc?

not in the dead browser space as is popular but in the actual zen cart pages every thing below the header.

I hope I'm making sense, thanks in advance

Jim

7 Aug 2008, 12:56 PM
#2
afo avatar

afo

Totally Zenned

Join Date:
Aug 2004
Location:
New York City
Posts:
6,800
Plugin Contributions:
0

Re: image behind main content?

Yes, of course. Look at the Fan Odyssey site in my sig for an example. You add the image to your stylesheet (includes/templates/YOUR_TEMPLATE/css/stylesheet.css). The sections below are from the stylesheet for the Fan Odyssey site.

/*wrappers - page or section containers*/
#mainWrapper {
	background-color: #000000;
  background-image: url('../images/space011.jpg');	text-align: left;
	width: 100%;
	vertical-align: top;
	}

#headerWrapper, #contentMainWrapper, #logoWrapper, #cartBoxListWrapper, #ezPageBoxList, #cartBoxListWrapper ul, #ezPageBoxList ul, #mainWrapper, #popupAdditionalImage, #popupImage {
	margin: 0em;
	padding: 0em;
	}

#logoWrapper{
  background-image: url('../images/space011.jpg');
	background-repeat: repeat-x;
	background-color: #000000;
	height:110px;
	width: 100%;
	}
#navMainWrapper, #navSuppWrapper, #navCatTabsWrapper {
	margin: 0em;
	background-color: #000000;
	background-image: url('../images/space011.jpg');	padding: 0.5em 0.2em;
	font-weight: bold;
	color: #ffffff;
	height: 1%;
	width: 100%;
	}

#navCatTabsWrapper {
	background-color: #000000;
	background-image: url('../images/space011.jpg');	color: #ffffff;
}
.centerBoxWrapper {
  background-color: #000000;
  background-image: url('../images/space011.jpg');	border: 1px solid #9a9a9a;
	height: 1%;
	margin: 1.1em 0;
	}
.leftBoxContainer, .rightBoxContainer {
  background-color: #000000;
  background-image: url('../images/space011.jpg');	margin: 0em;
	border: 1px solid #c0c0c0;
	border-bottom: 5px solid #COCOCO;
	margin-top: 0.5em;
	}

.sideBoxContent {
  background-color: #000000;
  background-image: url('../images/space011.jpg');	padding: 0.4em;
	}
7 Aug 2008, 2:21 PM
#3
jimmy9 avatar

jimmy9

New Zenner

Join Date:
Aug 2008
Posts:
5
Plugin Contributions:
0

Re: image behind main content?

Thank you very much, works a treat.:smile:

7 Aug 2008, 2:30 PM
#4
afo avatar

afo

Totally Zenned

Join Date:
Aug 2004
Location:
New York City
Posts:
6,800
Plugin Contributions:
0

Re: image behind main content?

:thumbsup: Glad to help.