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

当前位置:首页 > 全栈分享 > 帝国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-height2.5
  3.     text-aligncenter
  4.     margin-bottom20px
  5. .page a { 
  6.     display: inline-block
  7.     height25px
  8.     line-height25px
  9.     bordersolid 1px #CCCCCC
  10.     padding0 5px 0 5px
  11.     color#333
  12.     background-color#fff
  13. .page b { 
  14.     font-weightnormal
  15.     display: inline-block
  16.     height25px
  17.     line-height25px
  18.     bordersolid 1px #FD9D01
  19.     padding0 5px 0 5px
  20.     color#fff
  21.     background-color#FD9D01

样子如下:

分页样式

简简单单就好。

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

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

相关阅读

    无相关信息

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

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

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

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

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

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