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. 2017.04.25

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

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

    2. 没有图片

      2011.01.14

      给WordPress添加Flash音乐播放器

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

    3. 没有图片

      2010.05.18

      百度、谷歌与《奇迹的黄昏》

      今天忙完,看到博客上本·赫利斯同学的留言,才…

    4. 没有图片

      2010.06.05

      UCWEB手机浏览器 For Symbian 7.20

      UCWEB(优视浏览器)是由优视动景开发的一…

    5. 没有图片

      2011.03.29

      参与2011地球一小时环保活动 居然得到了证书 激动啊!

      前几天参加了全球最强大的环保组织地球一小时的…

    6. 没有图片

      2010.05.31

      165个矢量图标 5种不同颜色

      小百度今天为大家分享165种矢量图标,5种不…

    评论

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