网站模板中心

您现在的位置:首页>>织梦大学>>安装使用

织梦dedecms列表页中缩略图大小如何控制

来源: 编辑:admin 发布时间:2020-06-08热度:54 ℃
列表开始 代码示例: {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=previewimg a href=mailto:src={@me[litpic]}//...
列表开始
 
代码示例:
{dede:list pagesize='10'} ----调用的条数10条---
  • [field:array runphp='yes']@me = (empty(@me['litpic']) ? "" : "href='{@me['arcurl']}' class='preview'>src='{@me['litpic']}'/>>");
    [/field:array] ---这里控制的是缩略图----如果要控制图片的高度需要修改: src='{@me['litpic']}' 这里现在的是宽度:
    img src='{@me['litpic']}' iwidth='300' height='370' 这里控制了宽度的大小,以及高度
    --------------------------------------
    [[field:typelink/]] ----这里控制的是栏目----
    [field:title/] ---这里控制的是标题,标题链接----
    -----这里控制的是描述
    日期:[field:pubdate function="GetDateTimeMK(@me)"/] 点击:[field:click/] 好评:[field:scores/]

    [field:description/]...

    ----描述-----
    {/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列表页就可以自如地控制缩略图的大小了,美观大方的页面就会展现在面前了。
    脚本学堂,祝大家学习快乐,用织梦dedecms建站,高效而高兴,哈~~~
    Pbootcms问题解决

    请点击在线联系我们【点击咨询解决问题】   如果您有任何Pbootcms问题,我们将免费为您写解决教程!

      PB模板网:承接仿站业务,价格200元起!