帝国cms 列表页分页样式修改美化方法帝国cms 列表页分页样式修改美化方法

生命不息,
折腾不止!

帝国cms 列表页分页样式修改美化方法

https://www.baidu.com/s?ie=utf-8&f=8&rsv_bp=1&ch=1&tn=maxco3_dg&wd=%E5%B8%9D%E5%9B%BDcms%20%E8%AE%BE%E7%BD%AE%20%E5%86%85%E9%A1%B5%20%E9%A1%B5%E7%A0%81%E6%A0%B7%E5%BC%8F&oq=%25E5%25B8%259D%25E5%259B%25BDcms&rsv_pq=9bce81e70000f737&rsv_t=1996nyDyJLCkX1mwyLEwIsGOM7etuPJw2pD7Dzji3G%2BbbRhotOonN102D5Xmdl%2Fk&rqlang=cn&rsv_enter=1&rsv_sug3=34&rsv_sug1=21&rsv_sug7=100&bs=%E5%B8%9D%E5%9B%BDcms

 

 

https://www.8dream.net/jianzhanjiaocheng/715.htm

 

http://www.lwseo.cn/wzjs/64.html

 

 

 


帝国CMS列表页分页样式修改美化

via:https://www.mochoublog.com/study/84.html

【1】自己修改帝国cms默认的分页样式(css),这样做的好处是你不用去改动帝国的核心文件,方便以后升级。

【2】自己动手去修改帝国的分页(php+css),帝国的分页在e>class>下的t_functions.php这个文件里。

===============================================

列表页模板[!--show.page--]:分页导航(下拉式) 大概在10-98行;

列表页模板[!--show.listpage--]:分页导航(列表式) 在101-169行;

内容页模板(返回内容分页):分页导航 在172-228行;

内容页模板(返回下拉式内容分页导航):标题式分页导航 在231-262行。

===============================================

上面大概介绍了下这个文件下有那些分页,那下面我们就来修改程序分页,但是又不会在升级程序时候带来麻烦。

第一步:进入帝国cms后台,点击系统设置->系统参数设置->信息设置:里面有个"列表分页函数(列表)"选项,将里面的函数名修改为user_ShowListMorePage

第二部:复制t_function.php列表式分页代码到 e/class/userfun.php 之间

下面我把分页导航(列表式)拿出来,并带上了注释,如下:

//列表模板之列表式分页
function sys_ShowListMorePage($num,$page,$dolink,$type,$totalpage,$line,$ok,$search="",$add){
    global $fun_r,$public_r
    //num是取得的当前总的文章数,line是栏目设定里的一页显示多少文章数。如果当前文章总数少于设定数,中断程序返回,并且什么也不显示。
    if($num<=$line)
    {
        $pager['showpage']='';
        return $pager;
    }
    //文件名
    if(empty($add['dofile']))
    {
        $add['dofile']='index';
    }
    //静态页数
    $repagenum=$add['repagenum'];
    //listpagelistnum是"系统参数设置" 里的 "信息设置" 下的 "列表分页函数(列表)"下的 "每页显示12个页码"这一项。
    $page_line=$public_r['listpagelistnum'];
    //这个$snum可以控制 "当前页" 显示的位置,设置成2,当前页就显示在第3个位置。
    $snum=2;
    //$totalpage=ceil($num/$line);//取得总页数
    $firststr='<a title="Total record"> <b>'.$num.'</b> </a>  ';//显示总文章数
    //上一页
    if($page<>1)
    {
        //若当前页不是第一页,则显示它的上一页链接
        //$dolink是栏目的地址,$type是网页文件的扩展名,比如 .html ,那个$type之前有个点,是起连接作用的连接符,也就是说$type里面的内容是  .html
        $toppage='<a href="'.$dolink.$add['dofile'].$type.'">'.$fun_r['startpage'].'</a> ';
        $pagepr=$page-1;
        if($pagepr==1)
        {
            $prido=$add['dofile'].$type;
        }
        else
        {
            $prido=$add['dofile'].'_'.$pagepr.$type;
        }
        $prepage='<a href="'.$dolink.$prido.'">'.$fun_r['pripage'].'</a>';
    }
    //下一页
    if($page!=$totalpage)
    {
        //如果当前页不是最后一页,则显示它的下一页链接
        $pagenex=$page+1;
        $nextpagelink=$repagenum&&$repagenum<$pagenex?eReturnRewritePageLink2($add,$pagenex):$dolink.$add['dofile'].'_'.$pagenex.$type;
        $lastpagelink=$repagenum&&$repagenum<$totalpage?eReturnRewritePageLink2($add,$totalpage):$dolink.$add['dofile'].'_'.$totalpage.$type;
        $nextpage=' <a href="'.$nextpagelink.'">'.$fun_r['nextpage'].'</a>';
        $lastpage=' <a href="'.$lastpagelink.'">'.$fun_r['lastpage'].'</a>';
    }
    //通过判断当前页码与上面讲述的snum的大小,确定页码显示的状态。如果$page-$snum<1,$starti赋值为1,否则$starti赋值为$page-$snum。
    $starti=$page-$snum<1?1:$page-$snum;
    $no=0;
    //此处的for循环就是用来显示页码的,包括从第几个页码开始显示,以及当前页码加粗和显示多少个页码
    for($i=$starti;$i<=$totalpage&&$no<$page_line;$i++)
    {
        $no++;
        //如果是当前页码,则加粗,有需要修改当前页码样式的可在此修改
        if($page==$i)
        {
            $is_1="<b>";
            $is_2="</b>";
        }
        //如果当前页是首页
        elseif($i==1)
        {
            $is_1='<a href="'.$dolink.$add['dofile'].$type.'">';
            $is_2="</a>";
        }
        //其余的页码,可以通过给a加样式来修改显示效果
        else
        {
            $thispagelink=$repagenum&&$repagenum<$i?eReturnRewritePageLink2($add,$i):$dolink.$add['dofile'].'_'.$i.$type;
            $is_1='<a href="'.$thispagelink.'">';
            $is_2="</a>";
        }
        $returnstr.=' '.$is_1.$i.$is_2;//$returnstr即是生成的显示页号的代码
    }
    $returnstr=$firststr.$toppage.$prepage.$returnstr.$nextpage.$lastpage;
    $pager['showpage']=$returnstr;
    return $pager;
}

具体想修改成什么样子,大家可以自己慢慢摸索。

比如这样:

function user_ShowListMorePage($num,$page,$dolink,$type,$totalpage,$line,$ok,$search=""){
    global $fun_r,$public_r;
    if($num<=$line)
    {
        $pager['showpage']='';
        return $pager;
    }
    $page_line=$public_r['listpagelistnum'];
    $snum=2;
 
    //上一页
    if($page<>1)
    {
        $toppage='<a href="'.$dolink.'index'.$type.'" class="disabled">'.$fun_r['startpage'].'</a>';    //首页
        $pagepr=$page-1;
        if($pagepr==1)
        {
            $prido="index".$type;
        }
        else
        {
            $prido="index_".$pagepr.$type;
        }
        $prepage='<a href="'.$dolink.$prido.'" class="disabled">'.$fun_r['pripage'].'</a>';     //上一页
    }
    //下一页
    if($page!=$totalpage)
    {
        $pagenex=$page+1;
        $nextpage='<a href="'.$dolink.'index_'.$pagenex.$type.'" class="disabled">'.$fun_r['nextpage'].'</a>';   //下一页
        $lastpage='<a href="'.$dolink.'index_'.$totalpage.$type.'" class="disabled">'.$fun_r['lastpage'].'</a>';    //最后一页
    }
    $starti=$page-$snum<1?1:$page-$snum;
    $no=0;
    for($i=$starti;$i<=$totalpage&&$no<$page_line;$i++)    //详细页码信息
    {
        $no++;
        if($page==$i)
        {
            $is_1="<a class='cur'>";    //当前
            $is_2="</a>";
        }
        elseif($i==1)
        {
            $is_1='<a href="'.$dolink.'index'.$type.'">';   //第一页
            $is_2="</a>";
        }
        else
        {
            $is_1='<a href="'.$dolink.'index_'.$i.$type.'">';    //其他页
            $is_2="</a>";
        }
        $returnstr.=$is_1.$i.$is_2;
    }
    $returnstr=$firststr.$toppage.$prepage.$returnstr.$nextpage.$lastpage;  
    $pager['showpage']=$returnstr;
    return $pager;
}

效果图:

 

分页样式

 

我们在来看看代码结构

<div class="pageBox pTB20">
  <a class="cur">1</a>
  <a href="#">2</a>
  <a href="#">3</a>
  <a href="#">4</a>
  <a href="#">5</a>
  <a href="#">6</a>
  <a href="#">7</a>
  <a href="#">8</a>
  <a href="#" class="disabled">下一页</a>
  <a href="#" class="disabled">尾页</a>
</div>  

下面是CSS样式代码

*** page
-------------------------------------------------------------- ****/
.pageBox {text-align: center;}
.pageBox a {border:1px solid #ddd;display:inline-block;margin-right:6px;color: #707070;width:34px;height:34px;font:bold 14px/34px arial;}
.pageBox a:hover,.pageBox a:active{background:#3aa9f2;color: #FFFFFF;text-decoration: none;}
.pageBox .cur { background: #3aa9f2;border: 1px solid #3aa9f2;text-decoration: none;}
.pageBox a.cur {color: #fff;}
.pageBox .disabled {width: 79px;}

帝国cms怎样修改列表分页函数

Via:https://www.yangqq.com/jstt/bj/2013-08-06/570.html

修改帝国默认的列表分页样式和伪静态页面留言版的分页样式。本来想在默认的模板标签上修改,看了看代码,和标签前后都多了 空格,如果在现在的基础上改,简单改改也行,不过实在是受不了那么多空格符,而且如果用display:block的话,会出现一个阶梯状的样式,所以修改分页的样式势在必行。

1)列表分页位置:e/class/t_functions.php 删掉空格字符

2)伪静态留言版分页位置:e/class/connect.php (同样删掉空格字符,这个文件找了很久,以为缓存没更新,结果伪静态放在另外一个页面)

留言版的分页默认是12页,实在是有点儿多,更改 e/data/template/gbooktemp.txt 参数,把12修改成8就行了

3)修改语言包文件 e/data/language/gb/pub/fun.php 把上一页、下一页、首页、尾页替换成符号

修改前:

帝国分页模板修改

修改后:

帝国分页模板修改

CSS 代码:

.page{ padding:20px 0 0 0; text-align:center; width:100%;overflow: hidden;}
.page a b {color: #999;}
.page>b,.page a {margin: 0 2px;height: 26px;line-height: 26px;border-radius: 50%;width: 26px;text-align: center;display: block;float: left;}
.page>b,.page a:hover{background: #333;color: #FFF;}
.page a {color: #F33;border: #999 1px solid;}

 

赞() 打赏
未经允许不得转载:我的博客 » 帝国cms 列表页分页样式修改美化方法
分享到: 更多 (0)

评论 4

  • 昵称 (必填)
  • 邮箱 (必填)
  • 网址
  1. #1

    这是评论测试

    DUX主题小秘7个月前 (09-17)回复
    • 飞歌导航东方红烦得很

      themebetter主题小秘3周前 (04-08)回复
  2. #2

    这是新的一条评论

    DUX主题小秘7个月前 (09-17)回复
  3. #3

    未来一年,中国的移动支付市场会是什么样?

    DUX主题小秘7个月前 (09-17)回复

觉得文章有用就打赏一下文章作者

支付宝扫一扫打赏

微信扫一扫打赏

大前端WP主题 更专业 更方便

联系我们 联系我们