研究网站运营、用户体验、网络推广、搜索引擎优化、及各种网络广告

zen-cart模板宽度修改

如何修改模板宽度?  
打开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;

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



分享到:更多


标签:
分类:外贸网站| 发布:bagenet| 查看: | 发表时间:2009-7-24
原创文章如转载,请注明:转载自八哥推推 http://www.bagenet.cn/
本文链接:http://www.bagenet.cn/post/49.html

◎欢迎参与讨论,请在这里发表您的看法、交流您的观点。

无觅相关文章插件,快速提升流量