帝国cms列表模板列表式分页美化
发布时间:2019-05-06 23:15:33作者:魏义齐阅读:()评论:
相信很多人列表页的分页用的都是列表式而不是下拉式,因为下拉式比较复杂很难美化,列表式相比下拉式更科学也更好美化,本文就展示一下我的列表式分页美化方案。
第一步:打开/e/class/t_functions.php,直接搜“//列表模板之列表式分页”,把sys_ShowListMorePage函数里的
- $firststr = '<a title="Total record"> <b>' . $num . '</b> </a> ';
替换成
- $firststr = '<a title="Total record">共' . $num . '条</a> ';
删除掉<b></b>是因为总页数和当前页码都只是简单的放在<b></b>里,写样式必然会受到影响,第一个<a></a>还可以用nth-child()控制,但是后面的随着信息数量的增加则无法控制,大伙可以不修改此处,看看写样式会遇到什么问题;改为“共几条”判断栏目文章数量更直接。
第二步:美化css,下面是我的
- .page {
- line-height: 2.5;
- text-align: center;
- margin-bottom: 20px;
- }
- .page a {
- display: inline-block;
- height: 25px;
- line-height: 25px;
- border: solid 1px #CCCCCC;
- padding: 0 5px 0 5px;
- color: #333;
- background-color: #fff;
- }
- .page b {
- font-weight: normal;
- display: inline-block;
- height: 25px;
- line-height: 25px;
- border: solid 1px #FD9D01;
- padding: 0 5px 0 5px;
- color: #fff;
- background-color: #FD9D01;
- }
样子如下:
简简单单就好。
相关阅读
-
无相关信息
上一篇:帝国cms制作网站地图sitemap.xml的方法及注意事项下一篇:帝国cms编辑器集成codesnippet代码高亮插件后为其添加行号的方法
收起二维码
原创不易,您的赞助就是博主更新的动力!
赞助请备注,8.88元及以上可在赞助光荣榜留下外链信息。
完全自托管的评论系统
最新会员
-
东方星雨
-
deanhan
-
1264822519
-
aini3311
-
a1051020101
-
weiyiqi
- 从纯技术角度谈phpcms和帝国cms的优缺点(2462)
- 帝国cms“建立目录不成功,请检查目录权限”的解决方法(2046)
- 帝国cms如何让文章id从1开始(完美解决)(1346)
- 帝国cms如何实现全站搜索功能(1274)
- 帝国cms内容页图片如何自适应(1259)
- 帝国cms解决代码高亮方法二(1205)
- 帝国cms编辑器更换为百度编辑器并成功实现前台代码高亮和自适应(946)
- 帝国cms tags详解(目的和意义、布局与优化、不同服务器的伪静态实现和在首页与文章页调用)(907)
- 帝国cms注册、登录制作教程,七个常见问题和两个注意事项(847)
- 帝国cms如何修改信息提示框的样式和内容(838)
- 帝国cms实现当前栏目导航高亮最简便的方法(2021-10-25)
- 帝国cms文章开启收费后信息权限提示页如何修改?(2021-09-24)
- 帝国cms换域名后如何批量替换会员头像路径(2021-09-15)
- 帝国cms实现代码高亮方法三(2021-07-04)
- 帝国cms接入QQ和微博登录的教程及插件下载(2019-11-01)