dedecms首页调用缩略图<div class="image" style="background-image:url([field:picname])">

dedecms首页调用缩略图<div class="image" style="background-image:url([field:picname])">,第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}

上述两步都操作完之后 ,你可能会发现存在错位或者尺寸不符合您要求。你需要对样式进行微调。具体网站具体对待,才可以修改完美。

秀站网整理回答,如对您有帮助,请采纳,谢谢!

楼主你好

1、在文章模型中添加一个字段,就是有无优惠。

2、添加文章的时候就可以选择或者添加这个字段了。

3、在调用的时候判断是否有优惠,有的话显示相应的CSS样式就可以实现了。

希望可以帮到你。

林羽凡

调用微缩图

<ul> {dede:arclist typeid='22' row='4' titlelen='20' orderby='id' imgwigth='60' imgheight='60' type='image' }

<li><img src="[field:litpic/]" width="114" height="100" /><br><a href='[field:arcurl/]'>[field:title/] </a>

</li>{/dede:arclist}</ul>

DABAN RP主题是一个优秀的主题,极致后台体验,无插件,集成会员系统
网站模板库 » dedecms首页调用缩略图&lt;div class="image" style="background-image:url([field:picname])"&gt;

0条评论

发表评论

提供最优质的资源集合

立即查看 了解详情