织梦123,专注于模板建站,让建站变得简单!QQ客服
织梦123-完整无错的dedecms织梦模板|网站源码下载站
当前位置 : 当前位置 :织梦123 > 织梦教程 > dedecms首页将缩略图做为样式背景图的办法

dedecms首页将缩略图做为样式背景图的办法

要实现这样的功能,可以配合{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>
 
【声明】织梦123除付费类源码经过测试外,其他素材未做测试,不保证完整性,网站上部分源码仅限学习交流,请勿用于商业用途。如损害你的权益请联系客服给予处理,谢谢支持。

最新模板推荐

二维码
意见反馈
×