织梦v5.7修改分页样式

转自：http://blog.163.com/yw0602@126/blog/static/165385907201181983743932/

pagelist和pagebreak是dede定义的两个分页标签.直接引用这两个标签的时候,难以避免会出现显示问题，一般是垂直排列，因为

“首页 上一页 1 2 3 。。。 第N页 下一页” ，这些字段都是由在根目录include下的arc.listview.class.php和arc.archives.class.php文件预设好了css样式的.这些字段是在预设好的一个个<li></li>标签里，所以会垂直显示，而不是横向显示。所以如果你不在你的样式表里增加css样式控制<li>标签，或者不修改arc.listview.class.php和arc.archives.class.php文件，一调用pagelist和pagebreak标签立刻就出现问题. 

dedecms预设的css是这样的，
<li><a href="#" class="x">首页</a></li>
<li><a href="#" class="x">1</a></li>
<li><a href="#" class="x">2</a></li>
<li><a href="#" class="x">3</a></li>
<li><a href="#" class="x">下一页</a></li>
<li><a href="#" class="x">末页</a></li>

所以根据实际情况，有两个解决方法，第一种特别简单，在你的样式表里增加css样式控制<li>标签即可。

首先将{dede:pagelist listsize='7' /}放进ul容器里，

<ul class='pagelist'>{dede:pagelist listsize='7' /}</ul>
然后定义CSS
.pagelist li{ float:left; margin-right:3px; list-style-type:none;}

这里重点是css： li标签样式的" float:left".

这样就可以横向显示这些标签了，但是发现这些“首页 上一页 1 2 3 。。。 N 下一页 末页”这些字段不美观，首先是会靠左显示，其次显示的字段太紧凑，实际上这些字段的显示样式一样已经由arc.listview.class.php和arc.archives.class.php文件预设好，这些字段都处在<a><a/>之内，是由<a>标签的css样式控制的，此处的<a>标签和dede:pagelist，pagebreak一样，都预设好了样式，这和<li>标签有些不同，<li>标签没有预设样式，<a>标签难以再增加css样式来控制。所以第二种方法更彻底些。

不妨用dreamweaver打开include文件夹下arc.listview.class.php和arc.archives.class.php这两个文件，

大胆的去掉这个讨厌的 <li></li> 标签,以及清除处在这对标签里面的<a>标签的css样式，你可以用ctrl+F打开查找与替换对话框，把<li></li>分别替换为空就行，在逐个替换的时候，顺便把处在这对标签里面<a>标签的css样式清除。

当你再次调用dede:pagelist和dede:pagebreak标签时，实际上你将得到的显示样式是这样的，

<a href="#">首页</a>
<a href="#">1</a>
<a href="#">2</a>
<a href="#">3</a>
<a href="#">下一页</a>
<a href="#">末页</a>

因此，你只需要把{dede:pagelist listsize='7' /}放进一个div容器里，控制此处的<div>和<a>标签的样式就行了。比如

居中，边距，间距，字号，颜色等属性，任君所欲。