欢迎访问覃师宁博客!

覃师宁博客覃师宁博客

qinshining.com

帝国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>

这篇教程来源于朋友博客,覃师宁博客没有进行验证,如果有任何问题,请评论区反馈,会第一时间进行验证修改(时间太忙,不能一 一验证,敬请原谅)

 

文章评论

人参与,共有 0 条评论

为了响应国家网信办《网站要对跟帖评论审核管理规定》,网站评论将审核后发表

  • 您的网址:(选填)网址需填写域名前缀http://或者https://
    微信订阅号