站长之家 - 站长资讯 - 易采站长站

当前位置: > 建站教程 > 源码教程 > CMS 教程 >

dedecms文章列表实现序列号排序效果实现代码-DedeCms教程

2019-10-08 08:05 | 来源:易采站长站 | 编辑:admin |

点评:织梦dedecms文章列表加上序列号效果的代码,需要加入dedecms判断,希望能够通过本篇文章解决大家的织梦dedecms列表加上序列号效果问题    

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

复制代码 代码如下:
<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 /> 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文章列表加上序列号效果就分享到这里

软件名称:
DedeCms (织梦CMS)内容管理系统下载
软件语言:
简体/繁体中文
软件授权:
个人免费

  • dedecms按栏目分类搜索功能的实现方法-DedeCms教程
  • 织梦dedecms 自定义修改文章命名规则方法-DedeCms教程
  • dedecms5.1升级为5.3导致TAG丢失等问题处理-DedeCms教程
  • dedecms友情链接(flink)增加下拉菜单的方法-DedeCms教程
  • dedecms 文章标题长度的控制方法-DedeCms教程
  • DEDECMS中获取无限栏目子分类的方法-DedeCms教程
  • 加快DedeCMS文章页显示速度的两个小技巧分享-DedeCms教程
  • DEDECMS V5.6默认首页模板javascript作用说明-DedeCms教程
  • DedeCms fckeditor编辑器空白无法显示的相关问题-DedeCms教程
  • DEDECMS从5.1升级到5.3后添加文章修改文章无法生成-DedeCms教程
  • 网友评论

    关于我们 - 联系我们 - 广告服务 - 版权声明 - 人才招聘 - 友情链接 - 网站地图 - 帮助 - -

    CopyRight © 2010-2016 源码下载 easck.com , All Rights Reserved

    蒙公网安备 15052402000103号

    蒙ICP备14002389-1号