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

[V1.x问题求助] 【请教】如何更改Banner的大小并且居中?

11

主题

11

主题

11

主题

授权版

Rank: 7Rank: 7Rank: 7

积分
137
跳转到指定楼层
1#
cityfeng 发表于 2015-4-17 15:57:16 | 只看该作者 回帖奖励 |倒序浏览 |阅读模式
提交问题
提示:: -
运行环境: 本地测试
运行服务器: win
PHP版本: -
OurPHP版本: 3
编辑器: 直接用记事本编辑
程序存放目录: -
【请教】如何更改Banner的大小并且居中?


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

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

222

主题

222

主题

222

主题

管理员

Rank: 9Rank: 9Rank: 9

积分
0
2#
admin 发表于 2015-4-17 16:43:38 | 只看该作者
默认模板BANNER采用的是JQ  自适赢屏幕宽度的

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

222

主题

222

主题

222

主题

管理员

Rank: 9Rank: 9Rank: 9

积分
0
3#
admin 发表于 2015-4-17 16:44:46 | 只看该作者
如果就想用自带的.可以把图片的宽度做成 980试试

11

主题

11

主题

11

主题

授权版

Rank: 7Rank: 7Rank: 7

积分
137
4#
 楼主| cityfeng 发表于 2015-4-20 11:07:58 | 只看该作者
感谢老大,只是我技术比较糟糕,改了之后发现还是居左,不清楚到底还要改哪里?麻烦再指导一下,谢谢。



/*.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; }

222

主题

222

主题

222

主题

管理员

Rank: 9Rank: 9Rank: 9

积分
0
5#
admin 发表于 2015-4-20 11:40:38 | 只看该作者
这个以经告诉你了
width:100%;  宽度是 百分百.也就是自适应电脑屏幕的宽度

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

11

主题

11

主题

11

主题

授权版

Rank: 7Rank: 7Rank: 7

积分
137
6#
 楼主| cityfeng 发表于 2015-4-20 14:44:28 | 只看该作者
#full-screen-slider { width:100%;

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

222

主题

222

主题

222

主题

管理员

Rank: 9Rank: 9Rank: 9

积分
0
7#
admin 发表于 2015-4-20 17:09:43 | 只看该作者
居中可以加入 margin:0 auto;
您需要登录后才可以回帖 登录 | 立即注册

本版积分规则

快速回复 返回顶部 返回列表