![](https://huliku.com/wp-content/themes/zbfox/img/ad/pay-zibll.png)
帝国cms列表页默认生成信息每页显示25条,那么超过25条就会分页显示。很多站长为了追求分页样式的好看都会对代码进行美化,那么列表页分页模板分页样式如何美化呢?
先看分页样式美化图:
![帝国cms列表页模板分页样式美化教程-狐狸库 帝国cms列表页模板分页样式美化教程-狐狸库](https://img.huliku.com/pic/2022101916171999.png)
美化分页样式操作流程:
1、修改系统参数
路径:e/class/userfun.php
,<?php ?>之间插入以下代码
function sys_ShowListMorePage($num,$page,$dolink,$type,$totalpage,$line,$ok,$search=\"\"){
global $fun_r,$public_r;
if($num<=$line)
{
$pager[\'showpage\']=\'\';
return $pager;
}
$page_line=$public_r[\'listpagelistnum\'];
$snum=2;
//上一页
if($page<>1)
{
$toppage=\'<a href=\"\'.$dolink.\'index\'.$type.\'\" class=\"disabled\">\'.$fun_r[\'startpage\'].\'</a>\'; //首页
$pagepr=$page-1;
if($pagepr==1)
{
$prido=\"index\".$type;
}
else
{
$prido=\"index_\".$pagepr.$type;
}
$prepage=\'<a href=\"\'.$dolink.$prido.\'\" class=\"disabled\">\'.$fun_r[\'pripage\'].\'</a>\'; //上一页
}
//下一页
if($page!=$totalpage)
{
$pagenex=$page+1;
$nextpage=\'<a href=\"\'.$dolink.\'index_\'.$pagenex.$type.\'\" class=\"disabled\">\'.$fun_r[\'nextpage\'].\'</a>\'; //下一页
$lastpage=\'<a href=\"\'.$dolink.\'index_\'.$totalpage.$type.\'\" class=\"disabled\">\'.$fun_r[\'lastpage\'].\'</a>\'; //最后一页
}
$starti=$page-$snum<1?1:$page-$snum;
$no=0;
for($i=$starti;$i<=$totalpage&&$no<$page_line;$i++) //详细页码信息
{
$no++;
if($page==$i)
{
$is_1=\"<a class=\'cur\'>\"; //当前
$is_2=\"</a>\";
}
elseif($i==1)
{
$is_1=\'<a href=\"\'.$dolink.\'index\'.$type.\'\">\'; //第一页
$is_2=\"</a>\";
}
else
{
$is_1=\'<a href=\"\'.$dolink.\'index_\'.$i.$type.\'\">\'; //其他页
$is_2=\"</a>\";
}
$returnstr.=$is_1.$i.$is_2;
}
$returnstr=$firststr.$toppage.$prepage.$returnstr.$nextpage.$lastpage;
$pager[\'showpage\']=$returnstr;
return $pager;
}
其中第一句:function sys_ShowListMorePage
,其中的sys_ShowListMorePage函数对应的就是列表分页函数(列表),它的路径在:
后台–系统–系统设置–系统参数设置–信息设置–列表分页函数(列表)–sys_ShowListMorePage
2、.css添加分页样式美化代码
.pageBox {text-align: center;}
.pageBox a {border:1px solid #ddd;display:inline-block;margin-right:6px;color: #707070;width:34px;height:34px;font:bold 14px/34px arial;}
.pageBox a:hover,.pageBox a:active{background:#3aa9f2;color: #FFFFFF;text-decoration: none;}
.pageBox .cur { background: #3aa9f2;border: 1px solid #3aa9f2;text-decoration: none;}
.pageBox a.cur {color: #fff;}
.pageBox .disabled {width: 79px;}
3、调用分页样式
<div class=\"pageBox pTB20\">[!--show.listpage--]</div>
没有进行验证,如果有任何问题,请评论区反馈,会第一时间进行验证修改
© 版权声明
1. 资源都是经过站长或作者收集测试修改后发布分享。如若转载请在文内以超链形式注明狐狸库文章出处,谢谢合作!
2. 本站除原创内容,其余所有内容均收集自互联网,仅限用于学习和研究目的,本站不对其内容的合法性承担任何责任。如有版权内容,请通知我们或作者删除,其版权均归原作者所有,本站虽力求保存原有版权信息,但因众多资源经多次转载,已无法确定其真实来源,或已将原有信息丢失,所以敬请原作者谅解!
3. 本站用户所发布的一切资源内容不代表本站立场,并不代表本站赞同其观点和对其真实性负责,若您对本站所载资源作品版权归属存有异议,请留言附说明联系邮箱,我们将在第一时间予以处理 ,同时向您表示歉意!为尊重作者版权,请购买原版作品,支持您喜欢的作者,谢谢!
4. 本站一律禁止以任何方式发布或转载任何违法的相关信息,访客如有发现请立即向站长举报;本站资源文件大多存储在云盘,如发现链接或图片失效,请联系作者或站长及时更新。
THE END
请登录后查看评论内容