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

      2011.05.16

      万网主机备案流程及注意事项(亲测、非赢利性网站)

      这几天弄了个万网主机,对主机进行了备案,又一…

    2. 2017.04.25

      苹果版 Office 办公软件 iWork / iMovie / Garageband 等应用全部免费

      iWork 办公套件是 Apple(苹果)公…

    3. 没有图片

      2010.06.05

      最强大的WordPress滑块插件:Content Slider by SliderDerk

      大家应该用过很多jQuery Slider滑…

    4. 没有图片

      2011.01.25

      新年前的最后一篇日志,祝大家新年快乐!

      快过年了,菠萝也要拖家带口回老家过年了,本篇…

    5. 没有图片

      2010.09.04

      Windows 7 硬盘技术大全

      该Windows 7硬盘安装方法大全介绍了W…

    6. 没有图片

      2010.05.11

      法籍华人高行健与诺贝尔文学奖

      高行健:法籍华人,唯一一个获得诺贝尔文学奖的…

    评论

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