New Zenner
- Join Date:
- Dec 2010
- Posts:
- 21
- Plugin Contributions:
- 0
help with back ground sahdows
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!
