phpcms如何修改分页的样式

方法有两个，一个是自定义，一个是利用phpcms本身自带的分页样式。

自定义列表分页样式的修改请看这篇文章：http://blog.sina.com.cn/s/blog_46444bac01016475.html

利用本身自带的分页样式：这是我在做搜索功能时意外发现的。

大家都知道直接调用{$pages}，出来的分页样式是最初始化的，而我们想写样式去操控它却发现没有能被操控的元素。我的博客上线之后分页样式一直很low，有人也建议我修改下分页的样式，但是自定义再修改样式很麻烦，所以一直搁置，后来给博客做搜索，意外的发现搜索列表页的样式还不错，于是就把代码复制粘贴过来用了。方法如下：

分页代码外面的盒子一定要加上id="pages"

然后找到默认模板里的search模块,因为样式引入文件在头部里，所以直接打开header.html就可以找到搜索列表页的样式

打开statics/css/search.css,直接搜索pages，对，就是下面这段：

1. /* pages */ 
2. #pages { 
3.     padding: 14px 0 10px; 
4.     font-family: 瀹嬩綋; 
5.     margin: 10px; 
6. } 
7. #pages a { 
8.     display: inline-block; 
9.     width: 26px; 
10.     height: 22px; 
11.     line-height: 22px; 
12.     background: #fff; 
13.     border: 1px solid #e3e3e3; 
14.     text-align: center; 
15.     color: #333 
16. } 
17. #pages a.a1 { 
18.     background: url(../images/search/admin_img/pages.png) no-repeat 0 5px; 
19.     width: 56px; 
20. } 
21. #pages a:hover { 
22.     background: #f1f1f1; 
23.     color: #000; 
24.     text-decoration: none; 
25. } 
26. #pages span { 
27.     display: inline-block; 
28.     width: 26px; 
29.     height: 22px; 
30.     line-height: 22px; 
31.     background: #5a85b2; 
32.     border: 1px solid #5a85b2; 
33.     color: #fff; 
34.     text-align: center; 
35. } 
36. .page .noPage { 
37.     display: inline-block; 
38.     width: 56px; 
39.     height: 22px; 
40.     line-height: 22px; 
41.     background: url(../img/icu/titleBg.png) repeat-x 0 -55px; 
42.     border: 1px solid #e3e3e3; 
43.     text-align: center; 
44.     color: #a4a4a4; 
45. } 

把这段代码复制到自己模板对应的样式里面，不要管它是什么东西，OK，我们可以看到样式还是不错的（分页出现的前提是列表页的num值）。如果你一定要自己写样式，就用上面第一种方法慢慢研究吧！