-
Website from scratch
Hi, is it possible to make a site like this using zen cart?
http://www.phweb.biz/proofs/jewelrybyvictoria/template
As you can see, my borders on the left and right have shadings and they are images background. Is it possible to add some <div> to it? Another question is that how do I align the site to the middle, I just started studying the cart software.. here is the link:
http://www.wordfortheworldlp.org/zencart
Thank you and hope to get replies from you guys.
-
Re: Website from scratch
Forget about the center alignment, I have already aligned the site, I just want to know if it's possible to make image borders around the left and right side borders like this one :
http://www.wordfortheworldlp.org/zencart to be like
http://www.phweb.biz/proofs/jewelrybyvictoria/template
Thank you!
-
Re: Website from scratch
Yes, look at www.zen-cart.com :)
-
Re: Website from scratch
Yeah www.zen-cart.com has image border shadows but it's layout is set to table. Anyone know how to do it in CSS zen cart?
-
Re: Website from scratch
-
Re: Website from scratch
Yes fixed width, I made the image border shadows in tables, I just don't know how to apply it in CSS and zen cart.
-
Re: Website from scratch
Take a look at my Test Site to see an implementation of what I believe you are trying to achieve.
This uses NO tables and is styled entirely with CSS.
requires adding an additional "wrapper" div.
-
Re: Website from scratch
I got your idea, so I will make another wrapper div for the shadow. I think I need to study more about using CSS without tables for websites. Thank you!
-
Re: Website from scratch
You said you already had your shadow image.
in your stylesheet create a new declaration:
Code:
#shadow {
margin: 0 70px; /* this is based on a page width of 850px so you'll have to adjust the 70px to fit your site */
background: url(../images/your_image.???);
}
Save the file and upload to your server.
Now in includes/templates/template_default/common/tpl_main_page.php
Find:
Code:
<div id="mainWrapper">
add the following:
just above so you'll now have the following:
Code:
<div id="shadow">
<div id="mainWrapper">
Now find:
Code:
require($template->get_template_dir('tpl_footer.php',DIR_WS_TEMPLATE, $current_page_base,'common'). '/tpl_footer.php');?>
</div>
<!--bof- parse time display -->
Add the closing </div> just above <!--bof- parse time display --> so you'll now have the following:
Code:
require($template->get_template_dir('tpl_footer.php',DIR_WS_TEMPLATE, $current_page_base,'common'). '/tpl_footer.php');?>
</div>
</div>
<!--bof- parse time display -->
Save the edited file to:
includes/templates/YOUR_TEMPLATE/common/tpl_main_page.php and upload to your server.
-
Re: Website from scratch
NB: to my above post - The instructions assume using only one image for the shadow.