DedeCMS内容页分页美化教程

DedeCMS的内容默认分页有点难看,还是自己写个漂亮的分页导航效果更适合自己。比如弄个这样的效果:

http://www.xbaidu.net/pic/images/dedecmspag.jpg

这个效果的代码如下:


对应的CSS代码如下:

my_page {
margin:10px;
overflow:hidden;
float:right;
font-size:12px;
line-height:14px;
}
.my_page li{padding:0; float: left; margin-right: 2px; display: block; }
.my_page span{display: block; padding: 2px 5px 2px 5px; background:#1874c7;
font-weight: bold; border: 1px solid #d7e9fc; color:#ffffff; }
.my_page a{display: block; text-decoration: none; margin:0px;color:#1874c7;padding: 2px 5px 2px 5px; }
.my_page a:link, .my_page a:visited {border: 1px solid #D7e9fc; }
.my_page a:hover {border: 1px solid #d7e9fc; background:#1874c7; color:#ffffff;}

使用记事本打开include/inc_archives_view.php,找到:

//-------------------------
 //获得静态页面分页列表
 //-------------------------
 function GetPagebreak($totalPage,$nowPage,$aid)
 {
  if($totalPage==1){ return ""; }
  $PageList = '';   // "共".$totalPage."页: ";
  $nPage = $nowPage-1;
  $lPage = $nowPage+1;
  if($nowPage==1) $PageList.="上一页";
  else{
    if($nPage==1) $PageList.="上一页 ";
    else $PageList.="上一页 ";
  }
  for($i=1;$i< =$totalPage;$i++)
  {
   if($i==1){
     if($nowPage!=1) $PageList.="1 ";
     else $PageList.="1";
   }else{
     $n = $i;
     if($nowPage!=$i) $PageList.="".$n." ";
     else $PageList.="$n";
   }
  }
  if($lPage < = $totalPage) $PageList.="下一页 ";
  else $PageList.= "下一页";
  return $PageList;
 }

将其修改为:

//-------------------------
 //获得静态页面分页列表
 //-------------------------
 function GetPagebreak($totalPage,$nowPage,$aid)
 {
  if($totalPage==1){ return ""; }
  $PageList = '';   // "共".$totalPage."页: ";
  $nPage = $nowPage-1;
  $lPage = $nowPage+1;
  if($nowPage==1) $PageList.="
  • 上一页
  • "; else{ if($nPage==1) $PageList.="
  • 上一页& lt;/li> "; else $PageList.="
  • 上一页
  • "; } for($i=1;$i< =$totalPage;$i++) { if($i==1){ if($nowPage!=1) $PageList.="
  • 1 "; else $PageList.="
  • 1
  • "; }else{ $n = $i; if($nowPage!=$i) $PageList.="
  • ".$n."
  • "; else $PageList.="
  • $n
  • "; } } if($lPage < = $totalPage) $PageList.="
  • 下一页 "; else $PageList.= "
  • 下一页
  • "; return $PageList; }

    之后,到内容模板里相应的位置插入分页的地方插入以下代码:

    {dede:pagebreak/}

    这样,你的DedeCMS的内容分页就显示成你自己定义的样式了。

    思章老师

    认准了方向,就要勇敢地走下去,十年磨一剑,我相信,只要坚持,一切都有可能。

    相关日志

    1. 没有图片

      2015.01.02

      2015!我来了!

      转眼前,2014已经过去,2015就这样在我…

    2. 没有图片

      2011.03.29

      CCAV 走向国际 走向未来

      6000千万人口的英国,制作BBC新闻,全球…

    3. 没有图片

      2010.05.15

      用自定义域给WordPress添加关键词

      给WordPress添加关键词,大家都知道使…

    4. 没有图片

      2018.01.03

      2017年终总结

      2017年就要结束,不写个总结总觉得2017…

    5. 没有图片

      2010.06.21

      10款漂亮免费的WordPress相册主题

      The Unstandard Demo | …

    6. 没有图片

      2010.05.15

      再谈男人与女人

      男人们聊天,七分谈理想,三分谈女人;女人们则…

    评论

    1. EKO 2010.10.05 1:26下午

      用了你的代码 觉得还不错,不过分页导航在 左边 有没有方法可以让他居中

      • 小百度 2010.10.06 11:52下午

        这个简单,来个〈P align=”center”〉xxxx〈/p〉即可。把方括号改为英文输入法下输入。

    2. hesiway 2010.07.13 10:40下午

      主要是CSS~

    3. 不得言 2010.07.13 4:28下午

      在twitter上看到你,特来“视察”,博主主题的分类导航不错,对此很感兴趣