西部数码主机 | 阿里云主机| 虚拟主机 | 服务器 | 返回乐道官网
当前位置: 主页 > php教程 > zencart教程 >

zencart模板宽度修改的注意事项

时间:2010-11-21 10:06来源: 作者: 点击:
如何修改模板宽度? 打开includes/templates/YOUR_TEMPLATE/css/stylesheet.css文件将宽度750px改为您需要的宽度。 将: .centershop { padding: 0px; margin: 0px auto; position: relative; text-align: left; width: 750px !impor

如何修改模板宽度? 
打开includes/templates/YOUR_TEMPLATE/css/stylesheet.css文件将宽度750px改为您需要的宽度。
将:
.centershop {
padding: 0px;
margin: 0px auto;
position: relative;
text-align: left;
width: 750px !important;
改为:
.centershop {
padding: 0px;
margin: 0px auto;
position: relative;
text-align: left;
width: 100% !important;
将:
TABLE.header {
background-image: url(../images/header_bg.jpg);
background-repeat: repeat-x;
width: 750px !important;
background-color: #ffffff;
border-right: 1px solid #9a9a9a;
border-left: 1px solid #9a9a9a;
border-bottom: 1px solid #9a9a9a;
改为:
TABLE.header {
background-image: url(../images/header_bg.jpg);
background-repeat: repeat-x;
width: 100% !important;
background-color: #ffffff;
border-right: 1px solid #9a9a9a;
border-left: 1px solid #9a9a9a;
border-bottom: 1px solid #9a9a9a;
将:
.main_page{
width: 750px !important;
background-color: #ffffff;
border-right: 1px solid #9a9a9a;
border-left: 1px solid #9a9a9a;
border-bottom: 1px solid #9a9a9a;
padding: 5px;
改为:
.main_page{
width: 100% !important;
background-color: #ffffff;
border-right: 1px solid #9a9a9a;
border-left: 1px solid #9a9a9a;
border-bottom: 1px solid #9a9a9a;
padding: 5px;
将:
TD.headerNavigation {
width: 750px !important;
position: relative;
vertical-align:middle;
font-family: Verdana, Arial, sans-serif;
font-size: 11px;
font-weight:bold;
color:#000000;
letter-spacing:1px;
padding: 5px;
改为:
TD.headerNavigation {
vertical-align:middle;
font-family: Verdana, Arial, sans-serif;
font-size: 11px;
font-weight:bold;
color:#000000;
letter-spacing:1px;
padding: 5px;

提示:宽度属性有好几处,全部都需要修改

(责任编辑:好模板)
顶一下
(0)
0%
踩一下
(0)
0%
------分隔线----------------------------
栏目列表
热点内容