帝國cms列表默認分頁樣式修改

帝國cms列表默認分頁樣式修改

帝國cms的默認分頁樣式很難看，很多人在使用帝國cms建站時都想過去修改默認的列表分頁樣式，但是對于沒有基礎的人來說還是比較麻煩的，今天祖冬就來教教大家怎么修改吧。

第一步:進入帝國cms后臺,點擊系統設置->系統參數設置->信息設置:里面有個”列表分頁函數(列表)”選項,將里面的函數名修改為user_ShowListMorePage

第二部:到 e/class/userfun.php 之間插入下面代碼

1. 　? ?function user_ShowListMorePage($num,$page,$dolink,$type,$totalpage,$line,$ok,$search=””){
2. 　　global $fun_r,$public_r;
3. 　　if($num<=$line)
4. 　　{
5. 　　$pager[‘showpage’]=”;
6. 　　return $pager;
7. 　　}
8. 　　$page_line=$public_r[‘listpagelistnum’];
9. 　　$snum=2;
10. 　　//上一頁
11. 　　if($page<>1)
12. 　　{
13. 　　$toppage=”.$fun_r[‘startpage’].”; //首頁
14. 　　$pagepr=$page-1;
15. 　　if($pagepr==1)
16. 　　{
17. 　　$prido=”index”.$type;
18. 　　}
19. 　　else
20. 　　{
21. 　　$prido=”index_”.$pagepr.$type;
22. 　　}
23. 　　$prepage=”.$fun_r[‘pripage’].”; //上一頁
24. 　　}
25. 　　//下一頁
26. 　　if($page!=$totalpage)
27. 　　{
28. 　　$pagenex=$page+1;
29. 　　$nextpage=”.$fun_r[‘nextpage’].”; //下一頁
30. 　　$lastpage=”.$fun_r[‘lastpage’].”; //最后一頁
31. 　　}
32. 　　$starti=$page-$snum<1?1:$page-$snum;
33. 　　$no=0;
34. 　　for($i=$starti;$i<=$totalpage&&$no<$page_line;$i++) //詳細頁碼信息
35. 　　{
36. 　　$no++;
37. 　　if($page==$i)
38. 　　{
39. 　　$is_1=””; //當前
40. 　　$is_2=””;
41. 　　}
42. 　　elseif($i==1)
43. 　　{
44. 　　$is_1=”; //第一頁
45. 　　$is_2=””;
46. 　　}
47. 　　else
48. 　　{
49. 　　$is_1=”; //其他頁
50. ? ? ? ?$is_2=””;
51. 　　}
52. 　　$returnstr.=$is_1.$i.$is_2;
53. 　　}
54. 　　$returnstr=$firststr.$toppage.$prepage.$returnstr.$nextpage.$lastpage;
55. 　　$pager[‘showpage’]=$returnstr;
56. 　　return $pager;
57. 　　}

第三步：在你的列表頁中寫上分頁就好了[!–show.listpage–]

結構代碼

<div?class="pageBox pTB20"><a?class="cur">1</a><a?href="#">2</a><a?href="#">3</a><a?href="#">4</a><a?href="#">5</a><a?href="/liaotian/index_6.html">6</a><a?href="#">7</a><a?href="#">8</a><a?href="#" class="disabled">下一頁</a><a?href="#" class="disabled">尾頁</a></div>?

css代碼

/*** page

-------------------------------------------------------------- ****/

1. .pageBox {text-align:?center;}
2. .pageBox a {border:1px?solid?#ddd;display:inline-block;margin-right:6px;color:?#707070;width:34px;height:34px;font:bold?14px/34px?arial;}
3. .pageBox a:hover,.pageBox a:active{background:#3aa9f2;color:?#FFFFFF;text-decoration:?none;}
4. .pageBox .cur {?background:?#3aa9f2;border:?1px?solid?#3aa9f2;text-decoration:?none;}
5. .pageBox a.cur {color:?#fff;}
6. .pageBox .disabled {width:?79px;}

修改過的樣式是不是看著舒服很多了。