女神猫女王

代理加盟 2020全新代理計劃 賺錢+省錢雙管齊下,獨立平臺,豐厚利潤!

您現在的位置: 秀站網 > 織夢大學 > 使用教程 >

DedeCMS首頁調用縮略圖為背景

來源:本站原創 發布時間:2019-03-31 11:57:42熱度:我要評論(0

免費下載,無需注冊無需充值

首頁調用縮略圖為background背景

配合{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>
  <p class="image" style="width:100px;height:100px;background-image:url([field:picname/]) no-repeat;background-position:0 0">定好這個p的寬、高,才能看得到背景</p>
  <p  class="title"><a href='[field:arcurl/]'>[field:title/]</a></p>
 </li>
{/dede:arclist}
</ul>

轉載請注明來源網址:http://www.qksux.club/dedecms_jq/1492.html

    發表評論

    評論列表(條)

      女神猫女王 8511504225412126855878385297526025764792973833464047789328581072961980382724863930274906538855854537 (function(){ var bp = document.createElement('script'); var curProtocol = window.location.protocol.split(':')[0]; if (curProtocol === 'https') { bp.src = 'https://zz.bdstatic.com/linksubmit/push.js'; } else { bp.src = 'http://push.zhanzhang.baidu.com/push.js'; } var s = document.getElementsByTagName("script")[0]; s.parentNode.insertBefore(bp, s); })();