找回密码
 立即注册
即日起,论坛关闭新用户注册和登录,论坛相关的贴子保留查阅和下载。获得授权后,有技术问题可联系微信 13199509559 一对一解决。 2024-3-12

BANNER 整体页面大小修改

查看数: 10508 | 评论数: 1 | 收藏 0
关灯 | 提示:支持键盘翻页<-左 右->
    组图打开中,请稍候......
发布时间: 2015-12-16 11:35

正文摘要:

作者你好,我网站首页BANNER因为图片比较小,导致整个页面大,不知道怎么修改,希望能指导下!

回复

admin 发表于 2015-12-16 13:02:59
那你就把图片做大点 图片宽度加宽

如果修改 页面BANNER的大小..  打开CSS文件  即:/templates/default/css/style.css

修改此处的代码
.banner{width:100%; float:left;text-align:center; z-index:1; height:421px;position:relative; background:#1e6ba1;}

#full-screen-slider { width:100%; z-index:0; margin-top:-55px; height:421px; float:left; position:relative}
#slides { display:block; width:100%; z-index:1; height:421px; list-style:none; padding:0; margin:0; position:relative}
#slides li { display:block; z-index:0; width:100%;height:100%; left:0; list-style:none; padding:0; margin:0; position:absolute}
#slides li a{ float:left;width:100%;height:421px; }

#full-screen-sliderx { width:100%; z-index:0; margin-top:-55px; height:290px; float:left; position:relative}
#slidesx { display:block; width:100%; z-index:1; height:290px; list-style:none; padding:0; margin:0; position:relative}
#slidesx li { display:block; z-index:0; width:100%;height:100%; left:0; list-style:none; padding:0; margin:0; position:absolute}
#slidesx li a{ float:left;width:100%;height:290px; }
快速回复 返回顶部 返回列表