工作室注册登录标签云赞助光荣榜

当前位置:首页 > 全栈分享 > 帝国cms > 正文

帝国cms列表模板列表式分页美化

发布时间:2019-05-06 23:15:33作者:魏义齐阅读:()评论:

本文为博主原创文章,未经博主允许不得转载、摘编或利用其它方式使用本博客内容。

相信很多人列表页的分页用的都是列表式而不是下拉式,因为下拉式比较复杂很难美化,列表式相比下拉式更科学也更好美化,本文就展示一下我的列表式分页美化方案。

第一步:打开/e/class/t_functions.php,直接搜“//列表模板之列表式分页”,把sys_ShowListMorePage函数里的

  1. $firststr = '<a title="Total record">&nbsp;<b>' . $num . '</b> </a>&nbsp;&nbsp;'; 

替换成

  1. $firststr = '<a title="Total record">共' . $num . '条</a>&nbsp;'; 

删除掉<b></b>是因为总页数和当前页码都只是简单的放在<b></b>里,写样式必然会受到影响,第一个<a></a>还可以用nth-child()控制,但是后面的随着信息数量的增加则无法控制,大伙可以不修改此处,看看写样式会遇到什么问题;改为“共几条”判断栏目文章数量更直接。

第二步:美化css,下面是我的

  1. .page { 
  2.     line-height: 2.5; 
  3.     text-align: center; 
  4.     margin-bottom: 20px; 
  5. } 
  6. .page a { 
  7.     display: inline-block; 
  8.     height: 25px; 
  9.     line-height: 25px; 
  10.     border: solid 1px #CCCCCC; 
  11.     padding: 0 5px 0 5px; 
  12.     color: #333; 
  13.     background-color: #fff; 
  14. } 
  15. .page b { 
  16.     font-weight: normal; 
  17.     display: inline-block; 
  18.     height: 25px; 
  19.     line-height: 25px; 
  20.     border: solid 1px #FD9D01; 
  21.     padding: 0 5px 0 5px; 
  22.     color: #fff; 
  23.     background-color: #FD9D01; 
  24. } 

样子如下:

分页样式

简简单单就好。

本文标签:,您可以阅读与「」相关的所有文章

魏义齐全栈技术交流:魏义齐全栈技术交流群

相关阅读

    无相关信息

上一篇:帝国cms制作网站地图sitemap.xml的方法及注意事项下一篇:帝国cms编辑器集成codesnippet代码高亮插件后为其添加行号的方法

原创不易,您的赞助就是博主更新的动力!

赞助请备注,8.88元及以上可在赞助光荣榜留下外链信息。

HashOver畅言云评完全自托管的评论系统

工作室注册登录标签云赞助光荣榜

最新会员
  • 东方星雨
  • deanhan
  • 1264822519
  • aini3311
  • a1051020101
  • weiyiqi