zencart怎样设置CSS样式

html-css018

zencart怎样设置CSS样式,第1张

刚我看哈官网的演示

就4个CSS文件，网站输入这4个地址，可以下载来看

http://demo.zen-cart.cn/includes/templates/shop/css/stylesheet.css

http://demo.zen-cart.cn/includes/templates/shop/css/stylesheet_tpp.css

http://demo.zen-cart.cn/includes/templates/shop/css/stylesheet_woz.css

http://demo.zen-cart.cn/includes/templates/shop/css/stylesheet_wp.css

根据那面页面的标签来找 ，看标签再哪个CSS文件中。

CSS教程 可以看这里www.csschina.net

首先必须的条件是要会div+css和html这个(相信对于美工来说这个不是问题)；其次要有dw这个网页编辑工具！好了！前提条件说完了，现在来入正题。1，在includes/template下面新建个文件夹叫你新模板的名字就可以了(名字可以随便给只要你自己知道就以了)这里我就叫yourname2，把includes/template/defalut_template 这个文件夹下面的所有的文件夹和文件复制到你刚刚新建的文件夹里面去yourname3，把template_info.php这个文件用dw打开，出现在你眼前的是php代码这个你可以不用管，你只用把[$template_name = 'Default Template']DefaultTemplate改成你自己的模板名称就ok了，这个是要在后台调用的，最好是你自己本人要容易记住的！5，进行布局，在common文件夹里面有3个文件tpl_header.php,tpl_main_page.php,tpl_footer.php分别都是头部文件，页身文件，页脚文件。全部都用dw打开，在这3个文件里面都有css样式的id和class，复制这些id和class在stylesheet.css这个样式表里面改样式就OK了，6，然后在浏览器里面打开localhost/你安装zencart的根目录的文件夹名字/admin打开后台，在tools-template selection启用你刚制作的模板，在tools-layout boxes controller里面点击最下面的[重置]按钮。然后点击右上角的online catelog浏览首页。到此为止，你的模板就做好了。其中第4和第5步是要你自己去用心做的，模板的美化关键在这2步！

没有反应，可能有以下问题，1、class或者id混淆

2、css样式没有写好

3、没有注意好上下级继承，有可能你写的样式被其他样式覆盖。

你可以尝试一下用firebug工具，到火狐addon里面下载，使用这个工具可以查看当前标签的所有样式设置情况。