首页修改

来源:本站原创 点击数: 发布时间: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

       

           

               

                       
  • 新闻动态
  •                    
  • 最新推荐
  •                    
  • 最新图文
  •                

           

           …….

           …….

        

               

推荐图文

               

                        {PE.Label id="通用带图片的信息列表" outputQty="4" titleLength="40" nodes="2" /}

                       

                       

                   

               

               

           

       

       

 

此处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

方法:

在模板的此处添加如下代码: