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

softyun3年前cms教程39

 想把DedeCMS织梦模板首页调用缩略图为背景。这个需要配合{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> 
好了,赶紧去尝试一下吧,希望对你有所帮助!

免责声明:本文内容来自用户上传并发布,站点仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。请核实广告和内容真实性,谨慎使用。

相关文章

DedeCms教程:LuManager服务器管理软件安装DEDECMS软件

LuManager服务器管理软件安装DEDECMS软件                                                   ----- Linux/FreeBSD+...

织梦dedecms模板制作时,循环递增autoindex使用方法整理

织梦dedecms模板制作时,循环递增autoindex使用方法整理。仅供大家学习参考,希望对你有所帮助。{dede:arclist titlelen='26' row='10'}   <li&...

织梦Dedecms模板中使用field:array进行if条件判断

今天给大家教一下织梦Dedecms模板如何使用field:array进行if条件判断织梦dedecms实例需求某网站上需要在首页进行视频展示,后台可以选择上传到土豆、优酷等站外视频,也可以自己手动上传...

DedeCms 更新搜索表内容链接(解决搜索路径错误)

dedecmsV5更新搜索表并更新生成页面程序(解决搜索路径错误)点击下载此文件注意:该程序在要您的管理目录才能正常运行 默认目录:dede...

DedeCms教程:DedeCMS站点高级安全策略(Linux篇)

更改纪录: 2012-06-06:增加Nginx服务器的配置 在Linux环境下搭建安装DedeCMS本篇不再具体说明,大家可以点击文档《Linux下安装DedeCMS及安全设置》来查看安装和...

Dedecms列表页标签list/pagelist使用方法及pagelist的样式

Dedecms列表页标签list/pagelist使用方法及pagelist的样式,仅供大家参考学习。织梦Dedecms的默认页面中有个list_article.htm页面,这是dede的列表页面。在...