dedecms列表頁中縮略圖大小如何控制,織夢教程
導讀:織夢教程織夢教程在dedecms列表頁中,可以顯示縮略圖,如果縮略圖的大小控制不好,就會影響頁面的美觀,本文為大家介紹控制縮略圖大小的方法。供大家學習參考。織夢模板下載dede,模板。
具體方法如下: 列表開始
代碼示例: {dede:list pagesize='10'} ----調用的條數10條--- <li> [field:array runphp='yes']@me = (empty(@me['litpic']) ? "" : "<a <a href="mailto:href='{@me['arcurl']}'">href='{@me['arcurl']}'</a> class='preview'><img <a href="mailto:src='{@me['litpic']}'/></a">src='{@me['litpic']}'/></a</a>>"); [/field:array] ---這里控制的是縮略圖----如果要控制圖片的高度需要修改: <img <a href="mailto:src='{@me['litpic']}'">src='{@me['litpic']}'</a> 這里現在的是寬度: img <a href="mailto:src='{@me['litpic']}'">src='{@me['litpic']}'</a> iwidth='300' height='370' 這里控制了寬度的大小,以及高度 -------------------------------------- [<b>[field:typelink/]</b>] ----這里控制的是欄目---- <a href="[field:arcurl/]" class="title">[field:title/]</a> ---這里控制的是標題,標題鏈接---- <span class="info"> -----這里控制的是描述 <small>日期:</small>[field:pubdate function="GetDateTimeMK(@me)"/] <small>點擊:</small>[field:click/] <small>好評:</small>[field:scores/] </span> <p class="intro"> [field:descriptidede模板下載on/]... </p> ----描述----- </li> {/dede:list}控制圖片的高度需要修改: 方法1: 這個模板的圖片大小控制是由CSS控制的 要修改CSS 右邊圖片區域修改 templets/style/picture.css文件 .pbox 樣式 如圖片大小
代碼示例: .pbox dl dt{ width:188px; height:132px; display:block;織夢首頁模板 overflow:hidden; }模板織夢 .pbox dl dt a img{ display:block; width:expression(this.width > this.height && this.width >176 ? 176 : true); height:expression(this.height > this.width && this.height > 132? 132 : true); max-width:176px; max-height:132px; margin:0px auto 0px; }方法2:
代碼示例: {dede:list pagesize='15' imgwidth='100' imgheight='70' infolen='180'}方法3: 把調用代碼中標簽[field:imglink/]換成
代碼示例: <a href='[field:arcurl /]' target="_blank"><img src='[field:picname /]' border='0' width='' height=''></a>有了以上的方法,在dedecms列表頁就可以自如地控制縮略圖的大小了,美觀大方的頁面就會展現在面前了。
腳本學堂,祝大家學習快樂,用dedecms建站,高效而高興,哈~~~
相關織夢模板下載dede,模板。聲明: 本文由我的SEOUC技術文章主頁發布于:2023-07-19 ,文章dedecms列表頁中縮略圖大小如何控制,織夢教程主要講述縮略圖,大小,織夢網站建設源碼以及服務器配置搭建相關技術文章。轉載請保留鏈接: http://www.bifwcx.com/article/web_30128.html