免费PHP万能建站系统_社区团购SaaS_商城系统_软件开发_虚拟币交易所系统_矿机系统_微信钻石投票系统_成品源码

标题: 【请教】如何更改Banner的大小并且居中？ [打印本页]

作者: cityfeng 时间: 2015-4-17 15:57
标题: 【请教】如何更改Banner的大小并且居中？
【请教】如何更改Banner的大小并且居中？

尊敬的管理员，你好，很喜欢贵公司这个程序，请问一下：

默认模板的轮换Bnaner太大张了，我想改小点而且居中，改CSS的过程中，发现要么只能居左left，要么只能居右right，如果我用center，则图片会错位，请问应当如何修改？

作者: admin 时间: 2015-4-17 16:43
默认模板BANNER采用的是JQ 自适赢屏幕宽度的

如果你只想居中固定一个宽度,可以不用我们自带的效果.网上大图展示效果多的是.
找个合适的..利用OURPHP的BANNER调用标签即可.

作者: admin 时间: 2015-4-17 16:44
如果就想用自带的.可以把图片的宽度做成 980试试

作者: cityfeng 时间: 2015-4-20 11:07
感谢老大，只是我技术比较糟糕，改了之后发现还是居左，不清楚到底还要改哪里？麻烦再指导一下，谢谢。

/*.menu ul{ width:1004px; margin:0 auto;}
.menu li{float:left;display:inline; position:relative;text-align:center;width:70px; margin:0 20px 0 10px;}
.menu li a{ display:block;width:100%;text-align:center; font-size:14px; color:#fff;font-family:'Microsoft Yahei'; text-

shadow:1px 0 0 #224e6f;}
.menu a:hover,.menu a.cur{ color:#fff;}
.nav{ position:absolute; display:none; z-index:999; left:0;width:70px;}
.menu li .nav a{ float:left; color:#fff; width:100%;text-align:center;line-height:29px;background:#4190c9}
.menu .nav a:hover,.menu .nav a.cur{height:29px; line-height:29px; padding:0;margin:0;background:#4190c9}*/
.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; }

作者: admin 时间: 2015-4-20 11:40
这个以经告诉你了
width:100%; 宽度是百分百.也就是自适应电脑屏幕的宽度

你要想固定一个尺寸可以把 width:100%; 改成 width:980px; 变成980像素

作者: cityfeng 时间: 2015-4-20 14:44
#full-screen-slider { width:100%;

我知道，我改这行，改成980px，然后发现首页呈现的效果图片大小变了，但是图片靠左边。

作者: admin 时间: 2015-4-20 17:09
居中可以加入 margin:0 auto;

欢迎光临免费PHP万能建站系统_社区团购SaaS_商城系统_软件开发_虚拟币交易所系统_矿机系统_微信钻石投票系统_成品源码 (https://www.ourphp.net/club/)