电脑知识大全-计算机网络应用基础知识,电脑基础知识与技术学习网移动版

二、CSS样式设置

系统默认的分页按钮html代码形式如下：
<li><a>共2页:</a></li> <li><a href='1055.html'>上一页</a></li> <li><a href='1055.html'>1</a></li> <li class="thisclass"><a href='#'>2</a></li> <li><a href='#'>下一页</a></li>

为方便样式设置，模板安装时采用<ul class="con-page">{dede:pagebreak/}</ul>代码，文章发布后出现的html代码形式如下：
<ul class="con-page"> <li><a>共2页:</a></li> <li><a href='1055.html'>上一页</a></li> <li><a href='1055.html'>1</a></li> <li class="thisclass"><a href='#'>2</a></li> <li><a href='#'>下一页</a></li> </ul>

设置css样式代码，#cc0000为深红色，#fff为白色，可修改成其他颜色，padding和margin距离自行调整：
.con-page {height:30px;width:auto;clear:both;padding:0 30px 10px 30px;float:right;} .con-page b {float:left;font-size:14px;padding:1px 6px;} .con-page li {float:left;margin:0 3px;font-size:13px;} .con-page li a , .con-page b:hover {color:#cc0000;} .con-page li a {padding:2px 6px;border:1px solid #cc0000;background:#fff;} .con-page li.thisclass a , .con-page li a:hover {color:#fff;background:#cc0000;text-decoration:none;}

三、分页html代码

如需更改分页html代码，请到织梦主程序的inclue目录下，用Dreamweaver、Notepad++、Emeditor等文本编程软件（忌用txt，会造成编码错误）打开arc.archives.class.php文件，找到“获得动态页面分页列表”和“获得静态页面分页列表”相应部分进行修改。

四、编辑更新维护

设置翻页的文章要对浏览者进行分页提示，比如在每页文章末尾提示文章尚未结束或已经结束，也可以设置指向其他分页的超链接，总之一定不能让浏览者觉得文章不完整。设置文章分页是为了提高用户体验度，所以一定要围绕用户体验来。

安装上面讲的方法设置，我们,就可以在内容也没看到分页显示的效果了。