普通注册 - 普通登录
开源之家-免费素材_软件_模板_源码下载-更快的站长下载站

开源之家-免费素材_软件_模板_源码下载-更快的站长下载站

织梦首页将缩略图做为样式背景图

更新时间:2020-11-21 14:19 文章类目:DEDE教程 文章来源:开源之家 作者:开源之家 浏览:104 次

织梦首页将缩略图做为样式背景图,配合{dede:arclistarclist}{/dede:arclist}标签使用,既可以实现把缩略图作为背景,另外还需要用到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>

转载请注明来源: 织梦首页将缩略图做为样式背景图

本文永久链接地址: https://www.enboo.cn/CMSjiaocheng/DEDEjiaocheng/22372.html

文本标签:织梦首页

郑重声明:
本站所有内容均由互联网收集整理、网友上传,并且以计算机技术研究交流为目的,仅供大家参考、学习,不存在任何商业目的与商业用途。
若您需要商业运营或用于其他商业活动,请您购买正版授权并合法使用。 我们不承担任何技术及版权问题,且不对任何资源负法律责任。
如无法链接失效或侵犯版权,请给我们来信:2225329841@qq.com