瓦窑源码 快速建站好帮手
客服QQ客服QQ 微信号微信号

织梦dedecms如何实现首页调用缩略图为背景

本文主要介绍了织梦dedecms如何实现首页调用缩略图为背景,推荐给有此需要的朋友,值得研究使用。

织梦网站源码

其实配合{dede:arclist}{/dede:arclist}标签使用,既可以实现把缩略图作为背景,另外还需要用到background-position这个标签,做好背景的定位,以前分享dedecms列表页如何随机调用多张缩略图,下面来说说织梦首页调用缩略图。

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

<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>

以上就是关于织梦首页调用缩略图的所有内容,希望可以帮到大家,欢迎扫码加微信一起交流~

微信公众号

TAG标签:织梦首页调用缩略图

上一个:织梦dedecms如何实现修改文章内容不修改发表日期
下一个:织梦dedecms三种修改文章标题长度的方法

瓦窑源码专注织梦网站源码与静态模板分享,提供织梦模板,dedecms模板,织梦企业源码,dedecms商业源码和织梦免费模板下载

织梦源码 - 织梦模板 - 网页素材 - 织梦教程 - 站长学院 - 热门排行 - Tags标签 - 网站地图 - 免责声明

Copyright©2021 瓦窑源码 Why114.COM 版权所有 鲁ICP备20017802号-2

客服QQ:1847629575 微信号:qilujianzhan

展开