转自: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>标签即可。
<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>标签的样式就行了。比如
居中,边距,间距,字号,颜色等属性,任君所欲。