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

softyun3年前cms教程61

 想把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按栏目调用tag标签

给大家分享一下dedecms按栏目调用tag标签,希望可以帮助到你近用织梦dedecms仿站,有一个需求是按栏目调出TAG,这个问题思索了很久,最终在网上找到代码,得到解决。Markup {dede:...

DedeCms教程:Windows Server 2012 搭建PHP+MySQL环境安装DedeCMS系统

随着Windows 8的发布,其服务器版本Windows Server 2012也相继推出,本篇将全面介绍如何在Windows Server 2012搭建安装DedeCMS所需要的PHP+MySQL环...

织梦DedeCMS转换WordPress方法

给大家分享一下织梦DedeCMS转换WordPress方法,仅供参考学习1. 文章标题等基本数据导入织梦的文章标题、正文和栏目分别存放在三个不同的表上,但WordPress把文章标题和正文放在一个表上...

DEDECMS中的复制地址,推荐给QQ/MSN上的好友

在对应模板中的核实位置加上如下代码 <script language="JavaScript">    <!--    function copyUrl(url){    var c...

织梦让arclist标签支持副栏目调用

使用织梦cms开发网站,需要一篇文章被多个栏目调用,织梦后台有副栏目这个功能,可是在用arclist调用的时候,副栏目却调用不出这篇文章,所以简单修改了下/include/tag/arclist.li...

【Channel 标记使用实例】-DedeCMS模板制作使用实例教程(3)

 【Channel 标记】主要用于获取栏目列表,用法非常简单,主要是区分“type = top,sun/son,self ”的所调用的对象就行了。  说明:为了便于下面内容的理解,我将数据库中网站频道...