• 工作总结
  • 工作计划
  • 心得体会
  • 述职报告
  • 思想汇报
  • 发言讲话稿
  • 演讲稿
  • 申请书
  • 读后感
  • 报告材料
  • 策划方案
  • 当前位置: 写作资料库 > 其他范文 > 正文

    dede软件列表模板中div,css使软件缩略图靠左|dede缩略图加水印

    时间:2018-08-15 16:23:45 来源:写作资料库 本文已影响 写作资料库手机站

    在dedecms的div css做的摸板,请问如何在软件列表页中显示软件缩略图,并图靠左排列!


    既在着段
    {dede:list pagesize="7"}
    <dl>
    <dt><a [field:filename/]">[field:title/]</a></dt>
    <dd class="info"><strong>下载次数:</strong> [field:click/] <strong>加入日期:</strong> [field:pubdate function="GetDateMk(@me)"/] <strong>语言:</strong> [field:language/] <strong>授权:</strong> [field:accredit/]</dd>
    <dd class="preview">[field:description/]…</dd>
    </dl>
    {/dede:list}

    中添加[field:imglink]

    请问大家在摸板中因该怎么改,在soft.css里因该怎么改。

    回答您的问题:

    模板代码:
    {dede:list pagesize="7"}
    <dl>
    <dt><a [field:filename/]">[field:title/]</a></dt>
    <dd class="info"><strong>下载次数:</strong> [field:click/] <strong>加入日期:</strong> [field:pubdate function="GetDateMk(@me)"/] <strong>语言:</strong> [field:language/] <strong>授权:</strong> [field:accredit/]</dd>
    <dd class="pvimg"><img src="[field:imglink]" /></dd>
    <dd class="preview">[field:description/]…</dd>
    </dl>
    {/dede:list}

    CSS:

    修改:
    .sbox dl {
    width:636px;
    overflow:hidden;
    color:#090;
    line-height:23px;
    }

    .sbox dl dd.preview{
    float:right;
    width:536px;
    line-height:21px;
    color:#666666;
    }


    增加:
    .sbox dl dd.pvimg{
    width:94px;
    height:60px;
    overflow:hidden;
    float:left;
    border:1px solid #DDD;
    }
    .sbox dl dd.pvimg img{
    width:90px;
    height:56px;
    margin:2px;
    }


    效果:



    dede软件列表模板中div css使软件缩略图靠左1