收藏本站 织梦模板之家(Mubanzhijia.Com),专注织梦模板设计制作!

热门搜索:

当前位置:主页 > 网站教程 > 技术教程 >

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

时间:2016-01-06 来源:未知 作者:模板之家 阅读: 529次

 我们在使用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列表页缩略图的大小,织梦模板之家希望帮您解决您的问题!

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

本文链接:http://www.mubanzhijia.com/jishujiaocheng/411.html怎么设置dedecms列表页缩略图的大小http://www.mubanzhijia.com/jishujiaocheng/411.html

相关内容:
发表评论:
特价模板
特价织梦模板本站将持续推出,特价模板不参与其他促销活动!