欢迎来到361模板(www.ke361.com),原创精品织梦模板提供商。QQ快速注册登录 网站托管 VIP 网站定制

织梦模板

当前位置:织梦模板 > 技术文档 > 网站技巧 > 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>
以上就是DedeCMS首页将缩略图做为样式背景图的实现方法的全部内容,希望对大家的学习和解决疑问有所帮助,也希望大家多多支持361模板网。

感谢打赏,我们会为大家提供更多优质资源!

热词标签: 缩略图 背景图 样式背景

上一篇dede 织梦 实现 channel标签的数字递增调用方法

下一篇ueditor编辑器双引号 &ldquo;&rdquo;转义BUG的修复

取消

感谢您的支持,我们会继续努力的!

扫码支持
扫码打赏,你说多少就多少

打开支付宝扫一扫,即可进行扫码打赏哦

Powered by361模板网,分享从这里开始,精彩与您同在