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

编辑Tag赚U币
教程Tag:暂无Tag,欢迎添加,赚取U币!
 想把DedeCMS织梦模板首页调用缩略图为背景。这个需要配合{dede:arclist}{/dede:arclist}织梦dedecms标签使用,既可以实现把缩略图作为背景,另外还需要用到background-position这个标签,做好背景的定位。
 
       这里还有不使用下面的标签模板
  1. <ul>  
  2.  {dede:arclist typeid='频道id' row='调用次数4'  titlelen='标题长度20' orderby='id'  imgwigth='60' imgheight='60' type='image' }    
  3.    <li><img src="[field:litpic/]" width="100" height="100" /><br><a href='[field:arcurl/]'>[field:title/] </a></li> 
  4.  {/dede:arclist} 
  5. </ul> 
应该使用这个标签模板:
  1. <ul> 
  2.  {dede:arclist row='1'  } 
  3.  <li> 
  4.   <div class="image" style="width:100px;height:100px;background-image:url([field:picname/]) no-repeat;background-position:0 0">定好这个div的宽、高,才能看得到背景</div> 
  5.   <div  class="title"><a href='[field:arcurl/]'>[field:title/]</a></div> 
  6.  </li> 
  7. {/dede:arclist} 
  8. </ul> 
好了,赶紧去尝试一下吧,希望对你有所帮助!

查看更多 DedeCms教程  织梦模板  织梦DedeCms视频教程  织梦dedecms专题

来源:模板无忧//所属分类:DedeCms教程/更新时间:2020-04-15
相关DedeCms教程