Question

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

希望能给出具体的方法步骤，dede新手求指教！具体想实现的的从图1到图2的变化





Answer 1

需要对列表模板代码修改及样式添加。
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}
上述两步都操作完之后 ，你可能会发现存在错位或者图片尺寸不符合您要求。你需要对样式进行微调。具体网站具体对待，才可以修改完美。
秀站网整理回答，如对您有帮助，请采纳，谢谢!