dedecms文章列表实现序列号排序效果实现代码

时间:2021-05-02

要实现这样的效果,我就不多讲些废话了,那么下面就开始直接讲解织梦dedecms文章列表加上序列号效果的方法。
首先我们看下织梦标签的调用代码。前三个加入特殊判断

  • <DIVclass="downtopborder">
  • <ULclass=text>
  • {dede:arclistorderby=pubdatetype='commend.'titlelen='26'row='10'channel=3}
  • <LI>[field:globalrunphp='yes'name=autoindex]
  • $a="<SPANclass='numactive'>";
  • $b="</SPAN>";
  • $c="<SPANclass='num'>";
  • if(@me>3)@me=$c.@me.$b;
  • else@me=$a.@me.$b;
  • [/field:global]<SPANclass=tit><Atitle="[field:title/]"
  • href="[field:filename/]">[field:title/]</A></SPAN></LI>
  • {/dede:arclist}
  • </UL>
  • </DIV>
  • 下面是普通的数字排序

    复制代码

    代码如下:


    [field:global runphp='yes' name=autoindex]
    $a="<SPAN>";
    $b="</SPAN>";
    @me = $a.@me.$b;
    [/field:global]


    上面的是织梦标签的调用部分。
    下面看看我们的css代码部分。

    复制代码

    代码如下:


    .downtop {
    FLOAT: left; OVERFLOW: hidden; WIDTH: 218px; HEIGHT: 278px
    }
    .downtop UL.text {
    MARGIN: 0px 10px; WIDTH: 198px; PADDING-TOP: 5px
    }
    .downtop UL.text LI {
    WIDTH: 198px
    }
    .downtop UL.text SPAN {
    DISPLAY: block; FLOAT: left
    }
    .downtop UL.text SPAN.num {
    MARGIN-TOP: 4px; PADDING-LEFT: 1px; FONT-WEIGHT: bold; FONT-SIZE: 10px; WIDTH: 18px; LINE-HEIGHT: 12px; HEIGHT: 13px; TEXT-ALIGN: center;COLOR: #fff; BACKGROUND-COLOR: #b7b7b7
    }
    .downtop UL.text LI SPAN.active {
    BACKGROUND-COLOR: #7abdff
    }
    .downtop UL.text SPAN.tit {
    PADDING-LEFT: 10px; OVERFLOW: hidden; WIDTH: 168px; WHITE-SPACE: nowrap; HEIGHT: 21px
    }


    好了,今天的织梦dedecms文章列表加上序列号效果就分享到这里

    声明:本页内容来源网络,仅供用户参考;我单位不保证亦不表示资料全面及准确无误,也不保证亦不表示这些资料为最新信息,如因任何原因,本网内容或者用户因倚赖本网内容造成任何损失或损害,我单位将不会负任何法律责任。如涉及版权问题,请提交至online#300.cn邮箱联系删除。

    相关文章