帝国cms列表页分页样式美化的实现

帝国CMS教程 2022-06-21 09:32:28 519

帝国自带的分页样式太过于丑,所以又找到了几种修改样式的方法,大家来看一下。

帝国CMS列表页分页样式美化的实现

我们首先进入帝国后台,点击系统设置->系统参数设置->信息设置,找到里面有个"列表分页函数(列表)"选项,将里面的函数名修改为user_ShowListMorePage(这个函数名也可以自拟,如果改的话记得把下方第一行的函数也改一下),到e/class/userfun.php 之间插入如下的代码。

functionuser_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='<ahref="'.$dolink.'index'.$type.'"class="disabled">'.$fun_r['startpage'].'</a>';//首页$pagepr=$page-1;if($pagepr==1){$prido="index".$type;}else{$prido="index_".$pagepr.$type;}$prepage='<ahref="'.$dolink.$prido.'"class="disabled">'.$fun_r['pripage'].'</a>';//上一页}//下一页if($page!=$totalpage){$pagenex=$page+1;$nextpage='<ahref="'.$dolink.'index_'.$pagenex.$type.'"class="disabled">'.$fun_r['nextpage'].'</a>';//下一页$lastpage='<ahref="'.$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="<aclass='cur'>";//当前$is_2="</a>";}elseif($i==1){$is_1='<ahref="'.$dolink.'index'.$type.'">';//第一页$is_2="</a>";}else{$is_1='<ahref="'.$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;}


然后在列表页调用的css里面加入如下css代码

/***page--------------------------------------------------------------****/.pageBox{text-align:center;}.pageBoxa{border:1pxsolid#ddd;display:inline-block;margin-right:6px;color:#707070;width:34px;height:34px;font:bold14px/34pxarial;}.pageBoxa:hover,.pageBoxa:active{background:#3aa9f2;color:#FFFFFF;text-decoration:none;}.pageBox.cur{background:#3aa9f2;border:1pxsolid#3aa9f2;text-decoration:none;}.pageBoxa.cur{color:#fff;}.pageBox.disabled{width:79px;}


最后一步,在分页的地方加上

<divclass="pageBoxpTB20">[!--show.listpage--]</div>
刷新栏目页,看一下,大功告成啦,如图所示,是不是比以前好看多了呢!

声明:资源来自网络转载,版权归原作者所有,与本站立场无关,如不慎侵犯了你的权益,请联系我们告知,将做删除处理!

原文地址:《帝国cms列表页分页样式美化的实现》发布于2022-06-21 09:32:28