星联网络专注帝国CMS二次功能插件开发-精品网站模板站长代码素材

  • 最近更新
  • 模板:33
  • 记录:12641|
  • 插件:52|
  • 工具:4|
  • 代码:8|
  • 评论:0

DedeCMS列表页和内容页分页错位

前言

本文主要讲解《DedeCMS列表页和内容页分页错位》的详细内容

在dedecms网站列表页和内容页中都会有很多的内容,在列表页是肯定要分页的,如果在内容页中没有很多内容,可以不分页,但是有的时候分页会出现错位的情况,遇到这样的问题可以有两个方法来解决。

方法一:修改css样式

找到网站css代码,增加以下代码:
/*列表分页*/
.page_list {padding:3px; margin: 3px; text-align:center}
.page_list a{padding:2px 5px; margin:2px; border:#eee 1px solid; color:#036cb4; text-decoration:none}
.page_list a:hover {border:#999 1px solid; color:#666;}
.page_list a:active {border:#999 1px solid; color:#666;}
.page_list .thisclass {padding:2px 5px; border:#036cb4 1px solid; background-color:#036cb4; font-weight:bold; color:#fff !important; margin:2px}
.page_list .disabled {border: #eee 1px solid; padding:2px 5px; margin:2px; color:#ddd;}
/*文章页分页*/
.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="page_list"> {dede:pagelist listitem="info,index,end,pre,next,pageno" listsize="5"/} </div>
文章页分页标签是:<div class="pagebreak"> {dede:pagebreak/} </div>

本网刊登的文章均仅代表作者个人观点,并不代表本网立场。文中的论述和观点,敬请读者注意判断。

本文地址:http://www.xlkjgs.com/notes/web/7867.html

以上内容由本站整理呈现,请务必在转载分享时注明本文地址!如对内容有疑问,请联系我们,谢谢!

星联网络

星联网络是中国最具实战的互联网创业者的知识服务商,这里有互联网行业动态,网络推广,SEO优化,SEM优化,ESC配置,行业经验分型,互联网项目,微信营销、淘宝客赚钱、新媒体营销、京东运营、跨境电商等众多互联网营销知识分享

站长运营站长必备网站运营之道才能长久发展