• 爱情文章
  • 亲情文章
  • 友情文章
  • 生活随笔
  • 校园文章
  • 经典文章
  • 人生哲理
  • 励志文章
  • 搞笑文章
  • 心情日记
  • 英语文章
  • 范文大全
  • 作文大全
  • 新闻阅读
  • 当前位置: 山茶花美文网 > 心情日记 > 正文

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

    时间:2020-05-29来源:山茶花美文网 本文已影响 山茶花美文网手机站

    在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

    • 爱情文章
    • 亲情文章
    • 友情文章
    • 随笔
    • 哲理
    • 励志
    • 范文大全