Adding Background images to RIGHT and LEFT

**spectreman** · 5 Jun 2009, 10:47 PM

hello all,

i'm trying to add some tiled BG images to the LEFT and RIGHT of my cart as is set up here:

http://www.naiah.fr/shop/

i understand where to place CSS to add the Flowers like on that site (see bleow):

#flowersleft {
background:url(../images/bg_flowers_left.png);
width:250px;
height:440px;
position:absolute;
left:4%;

}
#flowersright {
background:url(../images/bg_flowers_right.png);
width:250px;
height:440px;
position:absolute;
right:4%;
}

BUT, i cannot figure out where the code is placed to call the CSS.

What PHP file do i need to add the following part to?

<div id="flowersleft"> </div>
<div id="flowersright"> </div>

thanks for any help,
-s.

**stevesh** · 5 Jun 2009, 11:00 PM

Is that your site? If not, let us have a link to your site.

**spectreman** · 5 Jun 2009, 11:03 PM

oh yeah...

http://www.benscycle.net

thanks.

**spectreman** · 8 Jun 2009, 06:21 PM

i'm messing with:

tpl_main_page.php

and

html_header.php

but i can't seem to get it working.....

anyone have any ideas?

**stevesh** · 8 Jun 2009, 07:04 PM

If I understand the question, you should be able just to specify a background image in the #body section of the stylesheet.

**spectreman** · 8 Jun 2009, 07:35 PM

if i wanted a single BG image i could do what you suggest....

but i want an image on the left side BG, and a different image on the right side BG.

i can add the code:

body {
background:url(backgroundimages/bg_left.jpg);
width:250px;
height:440px;
position:absolute;
left:4%;}

body {
background:url(backgroundimages/bg_right.jpg);
width:250px;
height:440px;
position:absolute;
right:4%;

but the css only recognizes the bg_right.jpg, so tiles just that .jpg.

i need to distinguish between right and left .jpgs.......

**stevesh** · 8 Jun 2009, 09:52 PM

Maybe check this thread, especially post #21.

http://www.zen-cart.com/forum/showthread.php?t=102274

The site you referenced is just using one big image in the body background, though. You could do the same if you created the image properly.

**spectreman** · 8 Jun 2009, 10:23 PM

there are actually 3 background images on the site i referenced...

1. the main "fade" BG.
2. the white left flower
3. the white right flowers

it would be easier if it was one big .jpg, but it's not......on that site it is set up so that the left and right flowers don't get screwed up from resolution to resolution.....

correct?

that's why it's giving me trouble, i'm not sure how to call those left and right .jpgs.

**gjh42** · 9 Jun 2009, 03:28 PM

You would put the extra divs just outside #mainWrapper, in tpl_main_page.php. The Naiah site is organized as

<body id="productinfoBody">

<div id="flowersleft"> </div>
<div id="flowersright"> </div>
<div id="mainWrapper">

using CSS to position the flower divs. To do the same, put your new divs just before the
<div id="mainWrapper"> .

P.S. - I notice you have inserted a bunch of divider categories in your categories menu. The cleaner way to get that would be to install Categories Dressing and use its divider feature; this will avoid "category" links that go to an empty category named "####################_" .

**spectreman** · 15 Jun 2009, 08:18 PM

thanks,

as soon as i add those extra divs though, i get this error when opening my site:

Parse error: syntax error, unexpected '{' in /home/benscycl/public_html/includes/templates/future_zen/common/tpl_main_page.php on line 1

what did i overlook?

Thread: Adding Background images to RIGHT and LEFT

Thread Tools

Search Thread

Display

Adding Background images to RIGHT and LEFT

Re: Adding Background images to RIGHT and LEFT

Re: Adding Background images to RIGHT and LEFT

Re: Adding Background images to RIGHT and LEFT

Re: Adding Background images to RIGHT and LEFT

Re: Adding Background images to RIGHT and LEFT

Re: Adding Background images to RIGHT and LEFT

Re: Adding Background images to RIGHT and LEFT

Re: Adding Background images to RIGHT and LEFT

Re: Adding Background images to RIGHT and LEFT

Similar Threads

Left and right justified images in logowrapper?

Left and right screen of my Zencart I have a blueish background, can I put a photo?

Seperate Sidebox Content Background Images for left and right sideboxes.

problem with left and right background image position

Adding images to right/left column

Posting Permissions