请选择 进入手机版 | 继续访问电脑版

dede 文章列表添加序号

[复制链接]
查看3036 | 回复1 | 2019-11-28 13:52 | 显示全部楼层 |阅读模式
效果一,如下图所示:

dede 文章列表添加序号

dede 文章列表添加序号


实现方法:
css增加部分
QUOTE:

  1. <style type="text/css">
  2. <!--
  3. .downtop {
  4. FLOAT: left; OVERFLOW: hidden; WIDTH: 218px; HEIGHT: 278px
  5. }
  6. .downtop UL.text {
  7. MARGIN: 0px 10px; WIDTH: 198px; PADDING-TOP: 5px
  8. }
  9. .downtop UL.text LI {
  10. WIDTH: 198px
  11. }
  12. .downtop UL.text SPAN {
  13. DISPLAY: block; FLOAT: left
  14. }
  15. .downtop UL.text SPAN.num {
  16. 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
  17. }
  18. .downtop UL.text LI SPAN.active {
  19. BACKGROUND-COLOR: #7abdff
  20. }
  21. .downtop UL.text SPAN.tit {
  22. PADDING-LEFT: 10px; OVERFLOW: hidden; WIDTH: 168px; WHITE-SPACE: nowrap; HEIGHT: 21px
  23. }

  24. -->
  25. </style>
复制代码


dede标签部分代码:
QUOTE:

  1. <DIV class="downtop border">
  2. <UL class=text>
  3. {dede:arclist orderby=pubdate type='commend.' titlelen='26' row='10' channel=3}
  4. <LI>[field:global runphp='yes' name=autoindex]
  5. $a="<SPAN class='num active'>";
  6. $b="</SPAN>";                            //autoindex这个字段可能是一个自动排序。
  7. $c="<SPAN class='num'>";
  8. if (@me > 3) @me = $c.@me.$b;
  9. else @me = $a.@me.$b;
  10. [/field:global] <SPAN class=tit><A title="[field:title/]"
  11. href="[field:filename/]">[field:title/]</A></SPAN></LI>
  12. {/dede:arclist}
  13. </UL>
  14. </DIV>
复制代码


hongjichao | 2019-11-30 17:35 | 显示全部楼层
学习了,感谢自丢教程网
您需要登录后才可以回帖 登录 | 立即注册

本版积分规则

UID
1
贡献
387
丢币
38902
主题
4607
回帖
116
注册时间
2018-9-25
最后登录
2024-4-16