帝国CMS页码样式最完美的

2016-06-08 10:37:16
第一课程网
1kecheng.com
摘要:帝国的CMS页码确实不够美观,如果不进行一点下改动的话通过CSS是很难最大程度来美化的,所以我就给动了一点点小手术,非常简单,效果确是扛扛的,看如下图所示修改方法如下:打开e/cass/t_functions.php文件,大概在171至288行,(我的是GBK 7.0版),把下面的代码替换 //返回内容分页 function sys_ShowTextPage(

帝国的CMS页码确实不够美观,如果不进行一点下改动的话通过CSS是很难最大程度来美化的,所以我就给动了一点点小手术,非常简单,效果确是扛扛的,看如下图所示ltU站长课程_免费SEO教程_第一课程网_渴成网

帝国cms页码样式ltU站长课程_免费SEO教程_第一课程网_渴成网

修改方法如下:ltU站长课程_免费SEO教程_第一课程网_渴成网

打开e/cass/t_functions.php文件,大概在171至288行,(我的是GBK 7.0版),把下面的代码替换ltU站长课程_免费SEO教程_第一课程网_渴成网

  1. //返回内容分页   
  2. function sys_ShowTextPage($totalpage,$page,$dolink,$add,$type,$search=""){   
  3.     global $fun_r,$public_r;   
  4.     if($totalpage==1)   
  5.     {   
  6.         return '';   
  7.     }   
  8.     $page_line=$public_r['textpagelistnum'];   
  9.     $snum=2;   
  10.     //$totalpage=ceil($num/$line);//取得总页数   
  11.     //$firststr='<a title="Page">'.$totalpage.'</a>';   
  12.     //上一页   
  13.     if($page<>1)   
  14.     {   
  15.         $toppage='<a href="'.$dolink.$add[filename].$type.'"></a>';   
  16.         $pagepr=$page-1;   
  17.         if($pagepr==1)   
  18.         {   
  19.             $prido=$add[filename].$type;   
  20.         }   
  21.         else   
  22.         {   
  23.             $prido=$add[filename].'_'.$pagepr.$type;   
  24.         }   
  25.         $prepage='<a href="'.$dolink.$prido.'" class="pagePrev"><B></B></a>';   
  26.     }   
  27.     //下一页   
  28.     if($page!=$totalpage)   
  29.     {   
  30.         $pagenex=$page+1;   
  31.         $nextpage='<a class="pageNext" href="'.$dolink.$add[filename].'_'.$pagenex.$type.'"><B></B></a>';   
  32.         $lastpage='<a href="'.$dolink.$add[filename].'_'.$totalpage.$type.'"></a>';   
  33.     }   
  34.     $starti=$page-$snum<1?1:$page-$snum;   
  35.     $no=0;   
  36.     for($i=$starti;$i<=$totalpage&&$no<$page_line;$i++)   
  37.     {   
  38.         $no++;   
  39.         if($page==$i)   
  40.         {   
  41.             $is_1="<a class='selected'>";   
  42.             $is_2="</a>";   
  43.         }   
  44.         elseif($i==1)   
  45.         {   
  46.             $is_1='<a href="'.$dolink.$add[filename].$type.'">';   
  47.             $is_2="</a>";   
  48.         }   
  49.         else   
  50.         {   
  51.             $is_1='<a href="'.$dolink.$add[filename].'_'.$i.$type.'">';   
  52.             $is_2="</a>";   
  53.         }   
  54.         $returnstr.=''.$is_1.$i.$is_2;   
  55.     }   
  56.     $returnstr=$firststr.$toppage.$prepage.$returnstr.$nextpage.$lastpage;   
  57.     return $returnstr;   
  58. }</pre>  

CSS代码如下:ltU站长课程_免费SEO教程_第一课程网_渴成网

  1. .bigPage {   
  2.     MARGIN: 10px auto   
  3. }   
  4. .bigPage SPAN {   
  5.     LINE-HEIGHT: 37px; MARGIN: 0px 5px; DISPLAY: inline; FLOAT: left   
  6. }   
  7. .bigPage A {   
  8.     POSITION: relative; TEXT-ALIGN: center; LINE-HEIGHT: 37px; MARGIN: 0px 3px; WIDTH: 37px; DISPLAY: inline; BACKGROUND: url(bigPage.png) no-repeat left top; FLOAT: left; HEIGHT: 37px; COLOR: #7f7f7f; FONT-SIZE: 14px; FONT-WEIGHT: bold; TEXT-DECORATION: none   
  9. }   
  10. .bigPage A.selected {   
  11.     BACKGROUND: url(bigPage.png) no-repeat left -111px; COLOR: #fff; CURSOR: default   
  12. }   
  13. .bigPage A.selected:hover {   
  14.     BACKGROUND: url(bigPage.png) no-repeat left -111px; COLOR: #fff; CURSOR: default   
  15. }   
  16. .bigPage A.comm {   
  17.     BACKGROUND: url(bigPage.png) no-repeat left -111px; COLOR: #630; CURSOR: pointer   
  18. }   
  19. .bigPage A.comm:hover {   
  20.     BACKGROUND: url(bigPage.png) no-repeat left -111px; COLOR: #630; CURSOR: pointer   
  21. }   
  22. .bigPage B {   
  23.     LINE-HEIGHT: 37px; DISPLAY: inline-block   
  24. }   
  25. .bigPage A:hover {   
  26.     BACKGROUND: url(bigPage.png) no-repeat left -74px   
  27. }   
  28. .bigPage A.down {   
  29.     BACKGROUND: url(bigPage.png) no-repeat left -37px   
  30. }   
  31. .pagePrev B {   
  32.     BORDER-BOTTOM: #f8f8f8 6px solid; POSITION: absolute; BORDER-LEFT: #f8f8f8 6px solid; LINE-HEIGHT: 0; WIDTH: 0px; HEIGHT: 0px; FONT-SIZE: 0px; BORDER-TOP: #f8f8f8 6px solid; TOP: 12px; CURSOR: pointer; BORDER-RIGHT: #4e4e4e 6px solid; LEFT: 9px   
  33. }   
  34. .pageNext B {   
  35.     BORDER-BOTTOM: #f8f8f8 6px solid; POSITION: absolute; BORDER-LEFT: #4e4e4e 6px solid; LINE-HEIGHT: 0; WIDTH: 0px; HEIGHT: 0px; FONT-SIZE: 0px; BORDER-TOP: #f8f8f8 6px solid; TOP: 12px; CURSOR: pointer; BORDER-RIGHT: #f8f8f8 6px solid; LEFT: 16px   
  36. }</pre>  

CSS中用到的图片如下:ltU站长课程_免费SEO教程_第一课程网_渴成网

 帝国cms页码样式ltU站长课程_免费SEO教程_第一课程网_渴成网

至此OK了,以上修改的内容页,列表页方式差不多,你可以对照着代码改,主要是定义样式ltU站长课程_免费SEO教程_第一课程网_渴成网

 

发表评论 共有条评论
联系我们
站长课程: web.1kecheng.com
站长工具: tool.1kecheng.com
手工小制作: diy.1kecheng.com
Email: firstkecheng@163.com
微信: 第一课程网
我们的宗旨: 用心整理每一篇文章,为渴望成功人士提供最准确最简单的帮助。