織夢dedecms列表頁中縮略圖大小如何控制

來源：本站原創(chuàng)|時(shí)間：2021-08-05|欄目：dedecms|點(diǎn)擊：次

織夢dedecms列表頁中縮略圖大小如何控制具體方法如下：

列表開始

代碼示例:

{dede:list pagesize='10'} ----調(diào)用的條數(shù)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> 這里現(xiàn)在的是寬度：

img <a href="mailto:src='{@me['litpic']}'">src='{@me['litpic']}'</a> iwidth='300' height='370' 這里控制了寬度的大小，以及高度

--------------------------------------

[[field:typelink/]] ----這里控制的是欄目----

<a href="[field:arcurl/]" class="title">[field:title/]</a> ---這里控制的是標(biāo)題，標(biāo)題鏈接----

-----這里控制的是描述

日期：[field:pubdate function="GetDateTimeMK(@me)"/] 點(diǎn)擊：[field:click/] 好評：[field:scores/]

[field:description/]... ----描述-----

</li>

{/dede:list}

控制圖片的高度需要修改：

方法1：

這個(gè)模板的圖片大小控制是由CSS控制的

要修改CSS

右邊圖片區(qū)域修改

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:

把調(diào)用代碼中標(biāo)簽[field:imglink/]換成

代碼示例:

有了以上的方法，在dedecms列表頁就可以自如地控制縮略圖的大小了，美觀大方的頁面就會(huì)展現(xiàn)在面前了。

上一篇：織夢Dedecms聯(lián)動(dòng)方式二級變一級的方法

欄目：dedecms

下一篇：織夢dedecms 軟件下載頻道防盜鏈php代碼

本文標(biāo)題：織夢dedecms列表頁中縮略圖大小如何控制

本文地址：http://mengdiqiu.com.cn/a1/dedecms/15592.html

更多dedecms

欧美大屁股bbbbxxxx,狼人大香伊蕉国产www亚洲,男ji大巴进入女人的视频小说,男人把ji大巴放进女人免费视频,免费情侣作爱视频

dedecms

織夢dedecms列表頁中縮略圖大小如何控制

您可能感興趣的文章

閱讀排行

本欄相關(guān)

隨機(jī)閱讀