首页修改
来源:本站原创
点击数: 次
发布时间:2011年01月19日
修改SiteFactory专业版模板的过程中遇到问题,如下:
1、 修改网站头部和底部蓝色线条的样式,修改前为如下图所示:
找到#header { background:url(images/top.gif) repeat left -29px; } #logo { float:left; width:255px; padding-top:18px; 在#header {后面添加这两个参数width:960px;margin: 0px auto; 同理,底部的修改:找到#footer {在其后面添加参数: width:960px; margin: 0px auto; 得到的效果图如下

2、 增加站点头部的高度,找到如下代码,修改红色加粗部分即可实现: /*************全模型搜索*************/ .top {height:150px;} (此处默认是100px,整个网站头部下移) .full_model_search {height:26px;width:527px;background:url(images/back.gif) left -778px; position:absolute; top:100px; (此处默认是60px,整个搜索框下移) right:0px; text-align:left; padding-left:5px; padding-top:4px; } ------------------------------------------------------ 找到如下代码行: /*************下拉选项***********/ .model_list,.model_project {width:50px;position:absolute; top:125px;(此处默认是85px,搜索框中“全部"按钮下移) left:152px;z-index:3;} .model_project {z-index:9;top:108px;left:147px;}(此处默认是68px ,搜索里面的下拉菜单下移) .model_project a {color:#8a8d8c;padding-right:15px;background:url(images/ico_down.gif) no-repeat right center;} ------------------------------------------------------------------- /************网站顶部定义**************/ #header { width:960px; margin: 0px auto; background:url(images/top.gif) repeat left -29px; } #logo { float:left; width:255px; padding-top:58px;(此处默认是18px,logo图片下移) } 3、背景颜色修改后内容部分颜色出现问题,在解决这个问题的时候遇到了很多的障碍但最终通过修改模板和css问题得以解决: 修改模板
此处添加一个div
…….
…….
此处div添加的目的是让首页的内容部分背景颜色变换成白色,添加完成之后需要在default.css中添加test的ID标签Default.css修改如下:
.wrapper {
width:960px;
margin: 0px auto;
padding:0px;
}
.mtop10 {
background-color:#fff;
margin-top:0px;
}
#test{
background-color:#fff;
}
另外修改如下位置:
/*********网站内容块********/
.content {
float:left;
width:730px;
overflow:hidden;
background-color:#fff;添加此处代码。
}
---------------------------------------------
.mtop10 {
background-color:#fff; 添加此处的代码,首页内容部分背景变为白色。
margin-top:0px; 修改值为0
}
Margin-top的值修改为0之后会出现会员中心等模块上移。解决的方法是在会员中心模块的上面添加一个div
方法:
在模板的此处添加如下代码:
- 新闻动态
- 最新推荐
- 最新图文
推荐图文
-
{PE.Label id="通用带图片的信息列表" outputQty="4" titleLength="40" nodes="2" /}