织梦首页图文资讯图片大小的修改方法
时间: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路路通) |
------分隔线----------------------------