织梦DeDeCms列表分页和内容页分页错位解决办法
很多入门的站长会碰到这样的问题,下面做啦总结了一下织梦的列表页和文章页分页问题,希望可以帮助到大家。
第一,在CSS样式表里面添加如下代码:
/*秀 站 网列表分页样式*/ .pglist{clear: both;margin:40px auto 20px auto; overflow: hidden; text-align: center;font-size:14px;} .pglist ul li{display:inline-block;border: 1px solid #ccc;padding: 6px 15px;margin: 0 1px;line-height:24px;background: #fff;color:#999;border-radius:2px} .pglist ul li:hover{background:#dc0000;color:#fff;border: 1px solid #dc0000} .pglist ul li:hover a{color:#fff;} .pglist ul li.thisclass{display: inline-block;border: 1px solid #dc0000;padding:6px 15px;margin: 0 1px;background: #dc0000;color: #fff;} .pglist ul li.thisclass a{color: #fff;} .pglist ul li a{display:block;color:#999} .pglist ul li a:hover{color: #fff;} /*文章页分页*/ .pagebreak{line-height:20px;float:left; padding:5px 5px 5px 200px; color:#333; font-size:12px; width:500px;} .pagebreak li{float:left; margin:0 3px;} .pagebreak li a{padding:2px 5px; border:#eee 1px solid; color:#036cb4; text-decoration:none} .pagebreak li a:hover {border:#999 1px solid; color:#666;} .pagebreak li a:active {border:#999 1px solid; color:#666;} .pagebreak li.thisclass {background-color:#036cb4; font-weight:bold; color:#FFF;} .pagebreak li.thisclass a{color:#FFF} |
第二:模板文件的标签是:
列表分页的标签是:<div class="pglist"><ul> {dede:pagelist listitem="info,index,end,pre,next,pageno" listsize="5"/}</ul></div>
文章页分页标签是:<div class="pagebreak"> {dede:pagebreak/} </div>