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

帝国cms列表页默认生成信息每页显示25条，那么超过25条就会分页显示。很多站长为了追求分页样式的好看都会对代码进行美化，那么列表页分页模板分页样式如何美化呢？XlD575分类目录-全网最大的中文分类目录导航网站

先看分页样式美化图：XlD575分类目录-全网最大的中文分类目录导航网站

XlD575分类目录-全网最大的中文分类目录导航网站

美化分页样式操作流程：XlD575分类目录-全网最大的中文分类目录导航网站

1、修改系统参数

路径：e/class/userfun.php，<?php  ?>之间插入以下代码XlD575分类目录-全网最大的中文分类目录导航网站

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函数对应的就是列表分页函数(列表)，它的路径在XlD575分类目录-全网最大的中文分类目录导航网站

后台--系统--系统设置--系统参数设置--信息设置--列表分页函数(列表)--sys_ShowListMorePageXlD575分类目录-全网最大的中文分类目录导航网站

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>

这篇教程来源于朋友博客，覃师宁博客没有进行验证，如果有任何问题，请评论区反馈，会第一时间进行验证修改（时间太忙，不能一 一验证，敬请原谅）XlD575分类目录-全网最大的中文分类目录导航网站