最近访客
百度未收录

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

帝国cms列表页默认生成信息每页显示25条,那么超过25条就会分页显示。很多站长为了追求分页样式的好看都会对代码进行美化,那么列表页分页模板分页样式如何美化呢?

先看分页样式美化图:

帝国cms列表页模板分页样式美化教程-狐狸库

美化分页样式操作流程:

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>

没有进行验证,如果有任何问题,请评论区反馈,会第一时间进行验证修改

温馨提示:本文最后更新于2022/10/20 00:17:20。若文章内容或图片失效,请留言联系站长反馈!
!
也想出现在这里? 联系我们
创意广告
© 版权声明
THE END
点赞0赞赏 分享
评论 抢沙发

请登录后发表评论

    请登录后查看评论内容