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的内容分页就显示成你自己定义的样式了。

    Published by 落花生

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

    Join the Conversation

    5 Comments

    电子邮件地址不会被公开。 必填项已用*标注