dedecms文章列表加上序号效果

  • 1

今天来介绍如何在dedecms文章列表加上序号:

css代码部分

<style type="text/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

}

-->

</style>

dede标签部分代码

<DIV class="downtop border">

<UL class=text>

{dede:arclist orderby=pubdate type='commend.' titlelen='26' row='10' channel=3}

<LI>[field:global runphp='yes' name=autoindex]

$a="<SPAN class='num active'>";

$b="</SPAN>";

$c="<SPAN class='num'>";

if (@me > 3) @me = $c.@me.$b;

else @me = $a.@me.$b;

[/field:global] <SPAN class=tit><A title="[field:title/]"

href="[field:filename/]">[field:title/]</A></SPAN></LI>

{/dede:arclist}

</UL>

</DIV>

本站部分图文来源于网络,仅供学习交流,发表作品观点仅代表作者本人,本站仅提供信息存储空间服务,不承担连带责任。如有侵权,请联系管理员删除。
  • 添加微信
  • 微信扫一扫
  • weinxin
  • 公众号
  • 微信扫一扫
  • weinxin
竞价托管
张俊SEO
  • 本文由 发表于 2021年4月29日11:35:23
  • 转载请务必保留本文链接:https://zhangjunseo.com/7847.html
商业智慧shangye.com
¥ 议价-元

商业智慧shangye.com

AI奶,爱耐ainai.com
¥ 议价-元

AI奶,爱耐ainai.com

hengruan.com恒软集团
¥ 议价-元

hengruan.com恒软集团

qunzi.com裙子
¥ 议价-元

qunzi.com裙子

广告也精彩
匿名

发表评论

匿名网友 填写信息

:?: :razz: :sad: :evil: :!: :smile: :oops: :grin: :eek: :shock: :???: :cool: :lol: :mad: :twisted: :roll: :wink: :idea: :arrow: :neutral: :cry: :mrgreen: