您现在的位置是：首页 > 网站建设网站建设

dedecms如何把栏目下面的文章列表改成以缩略图显示？

江湖快报网2023-07-20 01:35:29【网站建设】人已围观

简介需要对列表模板代码修改及样式添加。
1：模板代码修改成：
<div class=list>
<ul>
{dede:list pagesize='12' titlelen='25'}
<li><a href=[field:arcurl/]><img src=[field:lit

需要对列表模板代码修改及样式添加。
1：模板代码修改成：
<div class=list>
<ul>
{dede:list pagesize='12' titlelen='25'}
<li><a href=[field:arcurl/]><img src=[field:litpic/] border=0 /><哗镇/a>
<p><a href=[field:arcurl/]>[field:title /]</a></p>
</li>
{/dede:list}
<div style=clear:both></div>
</ul>
<div style=clear:both>仔芦哪</div>
</div>
2：样式元素添加
.list{background-color:#FFFFFF; padding:14px; line-height:24px;border:solid 1px #E9E9E9;}
.list li{ float:left; width:150px; margin:15px 13px;}
.list li img{ width:150px; height:100px; border:solid 1px #E9E9E9; padding:1px; margin-bottom:5px;}
.list li span{ float:right;}
.list p{ text-align:center}
上述两步都操作完之后，你可能会发现存在错位或者图片尺寸不符合您要求。你需要对样式进行微调。具体网站具体对待，才可以修改完美。
秀念码站网整理回答，如对您有帮助，请采纳，谢谢!