dedecms图文资讯修改技巧及css代码解析

dedecms模板网站图文资讯的图片滚动速度怎么修改呢？ 

DEDE模板

我们可以找到pic_scrool.js文件
找到这个代码
// 4. paging function
function gotoPage(page) {
var dir = page < currentPage ? -1 : 1,
 n = Math.abs(currentPage – page),
 left = singleWidth * dir * visible * n;
$wrapper.filter(‘:not(:animated)’).animate({
 scrollLeft : ‘+=’ + left
 }, 500, function () {       
   
500这里越大速度越慢 

我们可以修改这个数值就可以的。 

DEDECMS模板

去掉图文资讯下方的文字

打开模板页里的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>

改变图文资讯里图片的宽度和高度
在首页的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;//修改文字的总高度
}