帝国cms列表式分页导航样式的优化

发布时间:2019-08-20编辑:脚本学堂
本文介绍下,修改帝国cms列表式分页导航样式,以实现不同于官方样式的方法,有需要的朋友参考下吧。

先看下cms/ target=_blank class=infotextkey>帝国cms列表式分页导航样式优化的效果,如下图:
帝国cms列表式分页导航

下面介绍修改方法:
 
1,首先在列表模板中存在相应的div。
 

复制代码 代码示例:
<div class="shpa">[!--show.listpage--]</div>

2,/e/class/t_functions.php
function sys_ShowListMorePage函数的内容中:
10.png代码:
$firststr='<b>页次'.$page.'<span style="color:#d04e00">/</span>'.$totalpage.'</b> ';
Php文件中设置想要的页面显示内容函数$page—当前页面, $totalpage—总共页面。

3,在css样式文件中,添加相应的样式;
 

复制代码 代码示例:
.shpa{
width: 668px;
}
.shpa b{
padding:0 5px 0;
margin-top:30px;
color:#d04e00;
display:inline-table;
border:1px solid #ccc;
}
.shpa a{
padding:0 5px 0;
color:#1F3A87;
display:inline-table;
border:1px solid #ccc;
}
.shpa a:hover{
color:#fff;
background:#1f3a87;
border:1px solid #1f3a87;
}