多年青岛网站建设经验,专业青岛网站设计公司青岛网站制作公司关于我们 | 客户服务欢迎来到青岛网站建设公司青华互联!
年轻,更要脱颖而出
对于网站建设,我们有活力,有态度
我们的优势: 专业网络公司,网站设计师量身定制 配备阿里云主机,BGP多线,高速访问 保障网站数据稳定、安全 免费提供快速ICP备案 承诺24小时快速解决网站简单问题

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

更新时间:2019-12-16 17:09   已阅读: 次 |  作者:青华互联  来源:青岛网站建设

配合{dede:arclist}{/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>


文章引用:http://www.qinghuahulian.com/news/webzhishi/1171.html
青岛网站建设
电话咨询
0532-80812129
186-532-19163
青岛网站制作
青岛网站建设手机站
返回顶部