织梦dedecms首页调用缩略图为背景

09-11 33阅读 0评论

配合{dede:arclist}{/dede:arclist}织梦dedecms标签使用,既可以实现把缩略图作为背景,另外还需要用到background-position这个标签,做好背景的定位。

 

       这里还有不使用下面的标签模板

<ul> 

 {dede:arclist typeid='频道id' row='调用次数4'  titlelen='标题长度20' orderby='id'  imgwigth='60' imgheight='60' type='image' }   

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

 {/dede:arclist}

</ul>

       应该使用这个标签模板:

<ul>

 {dede:arclist row='1'  }

 <li>

  <div class="image" style="width:100px;height:100px;background-image:url([field:picname/]) no-repeat;background-position:0 0">定好这个div的宽、高,才能看得到背景</div>

  <div  class="title"><a href='[field:arcurl/]'>[field:title/]</a></div>

 </li>

{/dede:arclist}

</ul>


您需要 登录账户 后才能发表评论

发表评论

表情:
评论列表 (暂无评论,33人围观)

还没有评论,来说两句吧...

取消
支付宝二维码
支付宝二维码
微信二维码