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. 没有图片

      2010.05.07

      翻墙的后果

      为了杜绝学生翻墙,某校园的铁栅栏都是带尖头的…

    2. 没有图片

      2010.07.18

      最新手机软件推荐(一)

      小百度今天开始给手机玩家推荐最新的手机软件,…

    3. 没有图片

      2010.07.09

      关闭 WordPress 3.0 修订版本、自动保存功能

      WordPress 默认的发布日志的时候,都…

    4. 没有图片

      2013.04.27

      国内首发!Google Glass谷歌眼镜全面评测

      Google Glass 是谷歌公司近几年来…

    5. 没有图片

      2013.12.15

      一位教师的无声独白

      中国的教育一直是我们关心的问题,而一些工作在…

    6. 没有图片

      2011.01.14

      给WordPress添加Flash音乐播放器

      今天从自立博客那看到这个通过主题functi…

    评论

    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上看到你,特来“视察”,博主主题的分类导航不错,对此很感兴趣