修改步骤如下:
1、找到相关样式文件,文件路径:templates/default/style/webstyle.css
/*图片滚动*/
.scrollimg{width:960px;height:50px;position:relative;margin:0 auto 20px;}
.scrollimg div.imgwrap{width:880px;height:50px;margin:0 40px;position:absolute;top:0;overflow:hidden;}
.scrollimg div.imgwrap ul{list-style-image:none;list-style-position:outside;list-style-type:none;margin:0;padding:0;position:absolute;top:0;}
.scrollimg ul li{float:left;height:50px;width:146px;overflow:hidden;}
.scrollimg ul li dl{float:left;height:50px;width:146px;overflow:hidden;}
.scrollimg ul li dl dt{clear:both;float:left;height:45px;width:60px;overflow:hidden;margin-right:8px;}
.scrollimg ul li dl dt a{height:45px;width:60px;display:table-cell;vertical-align:middle;text-align:center;*display:block;*font-size:39px;*font-family:Arial;}
.scrollimg ul li dl dt a img{vertical-align:middle;}
.scrollimg ul li dl dd{color:#aaa;}
.scrollimg ul li dl dd a{color:#3372A2;display:block;font-size:14px;height:20px;margin:2px 0;overflow:hidden;}
.scrollimg a.arrow{display:block;height:50px;width:20px;background:url(../images/arrow.png) no-repeat 0 0;position:absolute;top:0;cursor:pointer;text-indent:-99999px;}
.scrollimg a.back{background-position:0 0;left:0;}
.scrollimg a.back:hover{background-position:0 -100px;}
.scrollimg a.forward{background-position:0 -50px;right:0;}
.scrollimg a.forward:hover{background-position:0 -150px;}
将以上代码替换为:
/*图片滚动*/
.scrollimg{width:960px;height:230px;position:relative;margin:0 auto 20px;}
.scrollimg div.imgwrap{width:880px;height:230px;margin:0 40px;position:absolute;top:0;overflow:hidden;}
.scrollimg div.imgwrap ul{list-style-image:none;list-style-position:outside;list-style-type:none;margin:0;padding:0;position:absolute;top:0;}
.scrollimg ul li{float:left;height:230px;width:146px;overflow:hidden;}
.scrollimg ul li dl{float:left;height:230px;width:146px;overflow:hidden;}
.scrollimg ul li dl dt{clear:both;float:left;height:145px;width:160px;overflow:hidden;margin-right:8px;}
.scrollimg ul li dl dt a{height:145px;width:px;display:table-cell;vertical-align:middle;text-align:center;*display:block;*font-size:39px;*font-family:Arial;}
.scrollimg ul li dl dt a img{vertical-align:middle;}
.scrollimg ul li dl dd{color:#aaa;}
.scrollimg ul li dl dd a{color:#3372A2;display:block;font-size:14px;height:20px;margin:2px 0;text-align:center;}
.scrollimg a.arrow{display:block;height:50px;width:20px;background:url(../images/arrow.png) no-repeat 0 0;position:absolute;top:50px;cursor:pointer;text-indent:-99999px;}
.scrollimg a.back{background-position:0 0;left:0;}
.scrollimg a.back:hover{background-position:0 -100px;}
.scrollimg a.forward{background-position:0 -50px;right:0;}
.scrollimg a.forward:hover{background-position:0 -150px;}
2、修改根目录下index.php文件
(1):
<script type="text/javascript">
$(function(){
$(".imgwrap li img").LoadImage({width:60,height:45});
$(".newsfocus div img").LoadImage({width:60,height:60});
});
</script>
将以上代码替换为:
<script type="text/javascript">
$(function(){
$(".imgwrap li img").LoadImage({width:120,height:125});
$(".newsfocus div img").LoadImage({width:60,height:60});
});
</script>
(2)查找代码:
<dl>
<dt><a href="<?php echo $gourl; ?>"><img src="<?php echo $row['picurl']; ?>" title="<?php echo $row['title']; ?>" /></a></dt>
<dd><a href="<?php echo $gourl; ?>"><?php echo $row['title']; ?></a><?php echo $row['keywords']; ?></dd>
</dl>
将以上代码修改为:
<dl>
<dt><a href="<?php echo $gourl; ?>"><img src="<?php echo $row['picurl']; ?>" title="<?php echo $row['title']; ?>" /></a></dt>
<dd><a href="<?php echo $gourl; ?>"><?php echo $row['title']; ?></a></dd>
</dl>
操作完成。
版权声明:本文内容由阿里云实名注册用户自发贡献,版权归原作者所有,阿里云开发者社区不拥有其著作权,亦不承担相应法律责任。具体规则请查看《阿里云开发者社区用户服务协议》和《阿里云开发者社区知识产权保护指引》。如果您发现本社区中有涉嫌抄袭的内容,填写侵权投诉表单进行举报,一经查实,本社区将立刻删除涉嫌侵权内容。