織夢dedecms首頁調用縮略圖為背景_DedeCms教程
教程Tag:暫無Tag,歡迎添加,賺取U幣!
想把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教程: