网站建设资讯

NEWS

网站建设资讯

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

这篇文章将为大家详细讲解有关如何控制dedecms列表页缩略图大小,小编觉得挺实用的,因此分享给大家做个参考,希望大家阅读完这篇文章后可以有所收获。

公司主营业务:成都做网站、成都网站制作、移动网站开发等业务。帮助企业客户真正实现互联网宣传,提高企业的竞争能力。创新互联公司是一支青春激扬、勤奋敬业、活力青春激扬、勤奋敬业、活力澎湃、和谐高效的团队。公司秉承以“开放、自由、严谨、自律”为核心的企业文化,感谢他们对我们的高要求,感谢他们从不同领域给我们带来的挑战,让我们激情的团队有机会用头脑与智慧不断的给客户带来惊喜。创新互联公司推出新泰免费做网站回馈大家。

怎么控制dedecms列表页缩略图大小?

有时候我们在制作缩略图的时候,需要考虑到缩略图大小问题,这里简单分享下,方便需要的朋友

推荐学习:织梦cms

dede列表页缩略图大小控制的方法,列表开始

代码如下:

{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列表页缩略图大小
    文章位置:http://njwzjz.com/article/pdopdh.html