help with back ground sahdows

**kamullis** · 18 Dec 2010, 07:41 PM

hi!

i'm new to zen cart and need a little help implementing my design.

here it is so far: http://katrinalapenne.com/zen_shop/

so what i need help with is that i am try to put gradiated shadows at both sides of the browser window that wil stay attached to the browser edges when the browser resizes. so that it looks like the jpg i have attached

so i created 2 173x1 px png's and then made 2 div wrappers that i put just inside the <body> </body> tags of the tpl_main_page.php file in the new template that i created. then i created id classes for the divs that look like this

#bdShadowL {

width:100%;
height:100%;
background-image:url(../images/bd_shadow_left.png);
left:0px;
background-repeat:repeat-y;

}

#bdShadowR {

width:100%;
height:100%;
background-image:url(../images/bd_shadow_right.png);
right:0px;
background-repeat:repeat-y;

}

i haven't messed with it too much to see why it's not working yet, but before i do that, am i even going about this the right way?

if so then what detail am i missing?

do I need to specify a width and height for the body and html tags?

also i will be making the header look like the design jpg i upploaded. i haven't even started on that yet, but i want there to be a single menu just below the logo heading with all the main menu links there and a drop down menu sub menu for some of the menu items.

are there any pointers that i should be aware of for this?

thanks

i hope every one is having a happy holiday season!

**dbltoe** · 18 Dec 2010, 08:14 PM

Not really a zen cart question but more a three-column css question. Google that and remember that the cart would be in the middle div but not listed in the "two" spot.

**kamullis** · 21 Dec 2010, 06:58 PM

thanks for the reply. that's not exactly what i'm trying to do. i don't need any content in the left and right sections. it's a single column layout. i am just trying to wrap the mainWrapper in two divs that will contain y-repeating shadows for the right and left side of the browser window. the mainWrapper then has left and right margins set to auto so that it remains centered.

also do you know where i can find some instruction on how to define where page and category links are located. i just want there to be a single menu with drop down categories accross the top of the site.

**gjh42** · 21 Dec 2010, 07:04 PM

Your left and right "content" is the space to display your backgrounds.

Look in Free Addons for categories-tabs, drop menus, CSS menus, etc. There are several to choose from depending on your exact needs.

Thread: help with back ground sahdows

Thread Tools

Search Thread

Display

help with back ground sahdows

Re: help with back ground sahdows

Re: help with back ground sahdows

Re: help with back ground sahdows

Similar Threads

Change back ground colour

Header back ground color

page back ground

Font color change and back ground.. need some help.

Red passion back ground change help need it

Posting Permissions