dedecms简短标题(dedecms文章列表实现序列号排序效果实现代码)
类别:CMS系统 浏览量:585
时间:2021-10-11 00:36:12 dedecms简短标题
dedecms文章列表实现序列号排序效果实现代码
要实现这样的效果,我就不多讲些废话了,那么下面就开始直接讲解织梦dedecms文章列表加上序列号效果的方法。
首先我们看下织梦标签的调用代码。前三个加入特殊判断
- <li 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>
- </li>
下面是普通的数字排序
代码如下:
[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搜索功能怎么设置详细(取消dedecms 留言簿的验证码的方法)
- dede网站地图模块(Dedecms中百度网站地图制作的方法图文教程)
- dedecms用什么来调用文章描述(织梦DEDECMS文档关键词频率不能修改的解决方法)
- 最新版dedecms安全策略(DedeCMS站点高级安全策略Linux篇)
- dedecms循环栏目(dedecms 栏目列表分页链接优化)
- 织梦dede后台更新文章(织梦Dedecms5.7整站调用购物车订单数量简单解决办法)
- dedecms中的有些功能如何修改(织梦DedeCMS默认文件夹重命名的方法)
- dedecms数据负载能力(详解织梦dedecms标签{dede:flink /}用法)
- dedecms安全补丁(防止Dedecms入侵、漏洞问题的4点安全防范建议)
- dedecms5.7使用教程(dedecms v5.7提示php.ini register_globals must is Off错误的解决方法)
- dedecms模板特点(在Dedecms下面生成Google Sitemap的方法)
- 织梦tag标签怎样添加(DEDECMS织梦模板添加301重定向跳转网址对的代码教程)
- dedecms调用logo标签(dedecms返回列表页功能的标签代码)
- dedecms采集插件(dedecms 软件下载模块加入flashget快车下载代码)
- dedecms缩略图优化教程(织梦DedeCMS V5.7缩略图站内上传修正)
- 织梦dedecms建站的核心经验和技巧(dedecms 伪静态重写设置修改方法)
- 二胎家庭老大爱闹情绪,用这招很有效(二胎家庭老大爱闹情绪)
- 一个30岁男人外遇失败的全过程(一个30岁男人外遇失败的全过程)
- 《无敌破坏王2》 不聊彩蛋,聊聊我从动画里看到的现实那些事儿(无敌破坏王2不聊彩蛋)
- 《寄生虫》 三观不正 人类悲欢从来不相通,感同身受也并非本能(寄生虫三观不正)
- 这部动漫中的女孩子,可比101女孩更加励志(这部动漫中的女孩子)
- 《白狐的人生》热拍 贾征宇偶像包袱难自弃 图(白狐的人生热拍)
热门推荐
- html5浏览界面怎么设置(HTML5textarea高度自适应的两种方案)
- js三级联动列表(基于JavaScript实现年月日三级联动)
- css鼠标移动特效(在CSS中映射鼠标位置并实现通过鼠标移动控制页面元素效果实例代码)
- vue开发的购物车0.1加0.2(vue实现可改变购物数量的购物车)
- 数据库操作题(数据库日常练习题,每天进步一点点2)
- 如何使用python定时运行(Python实现定时执行任务的三种方式简单示例)
- linux中用户管理命令(Linux usermod 命令的使用)
- 云服务器/VPS/云主机/服务器修改登陆密码图文教程(云服务器/VPS/云主机/服务器修改登陆密码图文教程)
- python代码返回值(Python 函数返回值的示例代码)
- python 队列与列表(Python实现的栈、队列、文件目录遍历操作示例)
排行榜
- 1
- 2
- 3
- 4
- 5
- 6
- 7
- 8
- 9