最新消息:新站上线。欢迎大家前来学习,欣赏,交流。官方交流群:DEDE仿站建站织梦交流阿里云9折码:19IIFN 凭此码新注册账号第一次购买ECS可享受9折优惠

怎么设置dedecms列表页缩略图的大小

织梦笔记 浏览 评论

 我们在使用dedecms做资讯站的时候,一般列表页面都是显示缩略图,但是很多时候我们为了好看或者是考虑搭配或者是考虑打开速度,我们想去修改dedecms列表页缩略图的大小,那么下面徐国祥告诉大家怎么设置:

我们首先找到控制dede列表页缩略图大小的列表代码,代码如下:

  1. {dede:list pagesize='10'} ----调用的条数10条--- 
  2. <li>  
  3. [field:array runphp='yes']@me = (emptyempty(@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>>");  
  4. [/field:array] ---这里控制的是缩略图----如果要控制图片的高度需要修改: <img <a href="mailto:src='{@me['litpic']}'">src='{@me['litpic']}'</a> 这里现在的是宽度: 
  5. img <a href="mailto:src='{@me['litpic']}'">src='{@me['litpic']}'</a> iwidth='300' height='370' 这里控制了宽度的大小,以及高度 
  6. -------------------------------------- 
  7. [<b>[field:typelink/]</b>] ----这里控制的是栏目---- 
  8. <a href="[field:arcurl/]" class="title">[field:title/]</a> ---这里控制的是标题,标题链接---- 
  9. <span class="info"> -----这里控制的是描述 
  10. <small>日期:</small>[field:pubdate function="GetDateTimeMK(@me)"/] <small>点击:</small>[field:click/] <small>好评:</small>[field:scores/] </span> 
  11. <p class="intro"> [field:description/]... </p> ----描述----- 
  12. </li> 
  13. {/dede:list} 

下面介绍几种修改的方法:

一、修改css

这个模板的图片大小控制是由CSS控制的

要修改CSS

右边图片区域修改

templets/style/picture.css文件

.pbox 样式

如下图大小

  1. .pbox dl dt{ 
  2.  
  3. width:188px
  4.  
  5. height:132px
  6.  
  7. display:block
  8.  
  9. overflow:hidden
  10.  
  11.  
  12. .pbox dl dt a img{ 
  13.  
  14. display:block
  15.  
  16. width:expression(this.width > this.height && this.width >176 ? 176 : true); 
  17.  
  18. height:expression(this.height > this.width && this.height > 132132 : true); 
  19.  
  20. max-width:176px
  21.  
  22. max-height:132px
  23.  
  24. margin:0px auto 0px
  25.  

二、直接调整下面代码中的数值

{dede:list pagesize='15' imgwidth='100' imgheight='70' infolen='180'}

三、更换标签,自己设置大小

把调用代码中标签[field:imglink/]换成

<a href='[field:arcurl /]' target="_blank"><img src='[field:picname /]' border='0' width='' height=''></a>

总结:上面三种方法都能够修改dedecms列表页缩略图的大小,织梦模板之家希望帮您解决您的问题!

本文版权归原作者所有,转载请注明原文来源出处,织梦笔记感谢您的支持!

转载请注明:织梦笔记-有价值的织梦技术分享网>>怎么设置dedecms列表页缩略图的大小
本文地址:http://www.88fenxiang.com
欢迎加群:DEDE仿站建站织梦交流

    与本文相关的文章

    发表我的评论
    取消评论

    表情

    您的回复是我们的动力!

    • 昵称 (必填)
    • 验证码 点击我更换图片

    网友最新评论