免费资源分享交流---QQ群116393

小马资源

当前位置: 首页 > 免费资源 >

织梦首页图文资讯图片大小的修改方法

时间:2012-10-20 09:33来源:baidu.com 作者:admin 点击:
1,去掉 图文资讯 下方的文字。打开模板页里的index.htm,找到第112到114行的这段代码: ul class=e1{dede:arclist row=5 orderby=pubdate type=image.imgwidth=124imgheight=94} lia href=[field:arcurl/][field:image/] span class=title[field:title/]/sp

1,去掉图文资讯下方的文字。打开模板页里的index.htm,找到第112到114行的这段代码:
<ul class="e1">{dede:arclist row=5 orderby=pubdate type='image.'imgwidth='124'imgheight='94'}
               <li><a href="[field:arcurl/]">[field:image/]
<span class="title">[field:title/]</span>//去掉这一行即可
</a></li>{/dede:arclist}
</ul>
2,改变图文资讯里图片的宽度和高度
在首页的112和114行里的
<ul class="e1">{dede:arclist row=5 orderby=pubdate type='image.'imgwidth='124'imgheight='94'}这段代码里先改下你要的宽和高。
然后打开CSS里的layout.css,找到如下代码
/*---------- e : 图文混排列表 ---------*/
.e1{/* 横向浮动的图片列表 120*90   */
     width:100%;
     overflow:hidden;
     clear:both;
     padding-top:10px;//修改间隙的高
     padding-bottom:8px;
}
.e1 li{
     width:126px;//这个事图文列表的总长度吧,拿不定这个
     overflow:hidden;
     padding-left:12px;//修改横向间隙
     float:left;
     text-align:center;
}
.e1 li a{
     display:block;
}
.e1 li a:hover img{
     border:1px solid #999;
     padding:2px;
}
.e1 li a img{
     display:block;
     border:1px solid #E3E3E3;
     padding:2px;
     width:120px;//修改图片的长度
     height:90px;//修改图片的宽度
}
.e1 li a span{
     display:block;
     line-height:17px;//修改图片下方文字的长度
     padding-top:6px;//修改文字的总高度
}

(责任编辑:IT路路通)
顶一下
(0)
0%
踩一下
(0)
0%
------分隔线----------------------------
发布者资料
IT路路通 查看详细资料 发送留言 加为好友 用户等级:月费会员 注册时间:2012-10-18 20:10 最后登录:2012-11-24 10:11
栏目列表
手机充值
推荐内容
淘宝商品
相关文章
IT工具