Dedecms 목록 페이지의 썸네일 크기를 제어하는 ​​방법

문서 목록 페이지의 썸네일 크기를 어떻게 조절하나요?

썸네일을 만들 때 가끔 썸네일의 크기를 고려해야 할 때가 있습니다. 필요한 친구들의 편의를 위해 간단하게 공유해봅니다.

추천 학습: Dreamweavercms

dede 메서드를 사용하여 목록 페이지의 썸네일 크기를 제어하면 목록이 시작됩니다

코드는 다음과 같습니다:

{dede:list pagesize='10'} ----调用的条数10条---
<li> 
[field:array runphp=&#39;yes&#39;]@me = (empty(@me[&#39;litpic&#39;]) ? "" : "<a <a href="mailto:href=&#39;{@me[&#39;arcurl&#39;]}&#39;">href=&#39;{@me[&#39;arcurl&#39;]}&#39;</a> class=&#39;preview&#39;><img <a href="mailto:src=&#39;{@me[&#39;litpic&#39;]}&#39;/></a">src=&#39;{@me[&#39;litpic&#39;]}&#39;/></a</a>>"); 
[/field:array] ---这里控制的是缩略图----如果要控制图片的高度需要修改： <img <a href="mailto:src=&#39;{@me[&#39;litpic&#39;]}&#39;">src=&#39;{@me[&#39;litpic&#39;]}&#39;</a> 这里现在的是宽度：
img <a href="mailto:src=&#39;{@me[&#39;litpic&#39;]}&#39;">src=&#39;{@me[&#39;litpic&#39;]}&#39;</a> iwidth=&#39;300&#39; height=&#39;370&#39; 这里控制了宽度的大小，以及高度
--------------------------------------
[<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:description/]... </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/] 태그를

으로 바꿉니다. 으아악

위 내용은 Dedecms 목록 페이지의 썸네일 크기를 제어하는 ​​방법의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!