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

天外飘仙

  配合{dede:arclist}{/dede:arclist}标签使用，既可以实现把缩略图作为背景，另外还需要用到background-position这个标签，做好背景的定位。
       这里还有不使用下面的标签模板

1. <ul>
   
2. {dede:arclist typeid='频道id' row='调用次数4'  titlelen='标题长度20' orderby='id'  imgwigth='60' imgheight='60' type='image' }   
   
3.    <li><img src="[field:litpic/]" width="100" height="100" /><br><a href='[field:arcurl/]'>[field:title/] </a></li>
   
4. {/dede:arclist}
   
5. </ul>

复制代码

       应该使用这个标签模板：

1. <ul>
   
2. {dede:arclist row='1'  }
   
3. <li>
   
4.   <div class="image" style="width:100px;height:100px;background-image:url([field:picname/]) no-repeat;background-position:0 0">定好这个div的宽、高，才能看得到背景</div>
   
5.   <div  class="title"><a href='[field:arcurl/]'>[field:title/]</a></div>
   
6. </li>
   
7. {/dede:arclist}
   
8. </ul>

复制代码