当前位置:图集之家知识

帝国cms列表分页样式修改以及帝国cms内容页分页的分页样式(帝国cms分页标签)

帝国cms列表分页样式修改以及帝国cms内容页分页的分页样式(帝国cms分页标签)

内容

我们在自己设计网站列表页面或者使用帝国cms仿别人的列表页面的时候可能会遇到这样的问题,在很成功的仿制一个站的页面的时候,到分页这边我们习惯用[!show.listpage](列表页模板)和[!page.url](内容页模板)来替换原网站的分页。如果很幸运的话,你做出来的效果可能和原网站一样,如果很不幸,可能就差很多。那么这到底是什么原因呢?原因很简单,就是帝国默认的[!show.listpage](列表页模板)和[!page.url](内容页模板)的样式和原网站的样式不一样,那要怎么修改成和原网站一样呢?

解决办法有两种,一是自己修改帝国分页标签默认的样式,二就是像我之前讲过的帝国ECMS修改所在位置导航条[!newsnav](面包屑导航)样式那样去修改帝国cms的底层的核心文件以达到你想要的效果。

自己修改帝国cms分页标签默认的样式:

这个在帝国cms论坛有很多人提供了不少的分页样式,只需要在内容模板或者列表模板里面加入就可以了。这样做的好处是你不用去改动帝国的核心文件,方便以后升级,效果如图:

帝国cms默认生成的html页面是这样的:

divclass=pageatitle=Totalrecordb106/b/ab1/bahref=/news/index_2.html2/aahref=/news/index_3.html3/aahref=/news/index_4.html4/aahref=/news/index_5.html5/aahref=/news/index_2.html/aahref=/news/index_5.html/a/div

然后根据帝国默认的生成标签的样式,写了几个css的通用样式,自己只需修改下div class='page' 然后把css复制到你的样式表即可!

下载地址:点击下载 帝国cms分页样式css样式表 (解压密码:www.wugongqi.cn)

帝国cms列表分页样式修改:

这里值得说明的是:一般情况下,【e】目录下的文件都算是帝国的核心文件,新手朋友在不了解该目录下的文件及文件夹的作用的时候,建议不要修改或删除。

对于有需要的童鞋,可以修改e/class/t_functions.php文件下的sys_ShowListMorePage函数,其代码的相关说明,如下:

function sys_ShowListMorePage($num,$page,$dolink,$type,$totalpage,$line,$ok,$search=){

global $fun_r,$public_r;

//num是取得的当前总的文章数,line是栏目设定里的一页显示多少文章数。如果当前文章总数少于设定数,中断程序返回,并且什么也不显示。

if($num=$line)

{

$pager['showpage']='';

return $pager;

}

//listpagelistnum是参数设置 里的 信息设置 下的 列表分页函数 每页显示16个页码这一项。上面的图片上因为文章较少,所以只显示了6个。

$page_line=$public_r['listpagelistnum'];

$snum=2;

//这个$snum可以控制 当前页 显示的位置,设置成2,当前页就显示在第3个位置。上面的效果图上snum=2。

//$totalpage=ceil($num/$line); //取得总页数

$firststr=' '.$num.' '; //显示总文章数

//上一页

if($page1)

{

//若当前页不是第一页,则显示它的上一页链接

//$dolink是栏目的地址,比如http://www.softhome.cc/dl/ ; $type是网页文件的扩展名,比如 .html ,那个$type之前有个点,是起连接作用的连接符,也就是说$type里面的内容是 .html

$toppage='a href='.$dolink.'index'.$type.''.$fun_r['startpage'].'/a ';

$pagepr=$page-1;

if($pagepr==1)

{

$prido=index.$type;

}

else

{

$prido=index_.$pagepr.$type;

}

$prepage='a href='.$dolink.$prido.''.$fun_r['pripage'].'/a';

}

//下一页

if($page!=$totalpage)

{

//如果当前页不是最后一页,则显示它的下一页链接

$pagenex=$page+1;

$nextpage=' a href='.$dolink.'index_'.$pagenex.$type.''.$fun_r['nextpage'].'/a';

$lastpage=' a href='.$dolink.'index_'.$totalpage.$type.''.$fun_r['lastpage'].'/a';

}

//通过判断当前页码与上面讲述的snum的大小,确定页码显示的状态。如果$page-$snum1,$starti赋值为1,否则$starti赋值为$page-$snum。

$starti=$page-$snum1?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.'index'.$type.'';

$is_2=/a;

}

//其余的页码,可以通过给a加样式来修改显示效果

else

{

$is_1='a href='.$dolink.'index_'.$i.$type.'';

$is_2=/a;

}

//$returnstr即是生成的显示页号的代码

$returnstr.=' '.$is_1.$i.$is_2;

}

$returnstr=$firststr.$toppage.$prepage.$returnstr.$nextpage.$lastpage;

$pager['showpage']=$returnstr;

return $pager;

}

内容页模板[!page.url]:分页导航 在151-208行:

//返回内容分页

function sys_ShowTextPage($totalpage,$page,$dolink,$add,$type,$search=){

global $fun_r,$public_r;

if($totalpage==1)

{

return ;

}

$page_line=$public_r['textpagelistnum'];

$snum=2;

//$totalpage=ceil($num/$line);//取得总页数

$firststr='a title=Pagenbsp;b'.$page.'/b/b'.$totalpage.'/b /anbsp;nbsp;';

//上一页

if($page1)

{

$toppage='a href='.$dolink.$add[filename].$type.''.$fun_r['startpage'].'/anbsp;';

$pagepr=$page-1;

if($pagepr==1)

{

$prido=$add[filename].$type;

}

else

{

$prido=$add[filename].'_'.$pagepr.$type;

}

$prepage='a href='.$dolink.$prido.''.$fun_r['pripage'].'/a';

}

//下一页

if($page!=$totalpage)

{

$pagenex=$page+1;

$nextpage='nbsp;a href='.$dolink.$add[filename].'_'.$pagenex.$type.''.$fun_r['nextpage'].'/a';

$lastpage='nbsp;a href='.$dolink.$add[filename].'_'.$totalpage.$type.''.$fun_r['lastpage'].'/a';

}

$starti=$page-$snum1?1:$page-$snum;

$no=0;

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[filename].$type.'';

$is_2=/a;

}

else

{

$is_1='a href='.$dolink.$add[filename].'_'.$i.$type.'';

$is_2=/a;

}

$returnstr.='nbsp;'.$is_1.$i.$is_2;

}

$returnstr=$firststr.$toppage.$prepage.$returnstr.$nextpage.$lastpage;

return $returnstr;

}

内容页模板[!title.select]:标题式分页导航 在210-242行:

//返回下拉式内容分页导航

function sys_ShowTextPageSelect($thispagenum,$dolink,$add,$filetype,$n_r){

if($thispagenum==1)

{

return ;

}

$titleselect=;

for($j=1;$j=$thispagenum;$j++)

{

if($j==1)

{

$title=$add[title];

$plink=$add[filename].$filetype;

}

else

{

$k=$j-1;

$ti_r=explode('[/!empirenews.page]',$n_r[$k]);

if(count($ti_r)=2$ti_r[0])

{

$title=$ti_r[0];

}

else

{

$title=$add[title].'('.$j.')';

}

$plink=$add[filename].'_'.$j.$filetype;

}

$titleselect.='option value='.$dolink.$plink.'?'.$j.''.$title.'/option';

}

$titleselect='select name=titleselect onchange=self.location.href=this.options[this.selectedIndex].value'.$titleselect.'/select';

return $titleselect;

}

以上的代码可能新手会很难看懂,下面我就来个实例操作,先来看一下我们要仿的网站列表页的分页:

div class=pagenavispan class=pagenavi_l/spanspan class=pagenavi_cspan class=pages分页导航:/span

a href=http://www.softhome.cc/html/ 上页/a

a href=http://www.softhome.cc/html/1/a

span class=current2/span

a href=http://www.softhome.cc/html/page/33/a

a href=http://www.softhome.cc/html/page/44/a

a href=http://www.softhome.cc/html/page/55/a

a href=http://www.softhome.cc/html/page/66/a

a href=http://www.softhome.cc/html/page/3 下一页/a

a href=http://www.softhome.cc/html/page/63末页/a

span style=color:#999999 (共 63 页) /span

/spanspan class=pagenavi_r/span/div

从这个源代码来看,我们只需要复制a href=http://www.softhome.cc/html/1/a span class=current2/span和span style=color:#999999 (共 63 页) /span 即可,其中span class=current是当前页面的意思。好吧,接下来我们就开始修改了,我不习惯也不喜欢下拉式的,我们就用[!show.listpage]:分页导航(列表式) 的吧,这个原网站是用这种样式的。下面是我修改后的代码,我会逐一解释:

//列表模板之列表式分页

function sys_ShowListMorePage($num,$page,$dolink,$type,$totalpage,$line,$ok,$search=,$add){

global $fun_r,$public_r;

if($num=$line)

{

$pager['showpage']='';

return $pager;

}

//文件名

if(empty($add['dofile']))

{

$add['dofile']='index';

}

//静态页数

$repagenum=$add['repagenum'];

$page_line=$public_r['listpagelistnum'];

$snum=2;

//$totalpage=ceil($num/$line);//取得总页数

//$firststr='a title=Total recordnbsp;b.$num.'/b /anbsp;nbsp;'; 原网站没有总页数,所以我们把这一行注释掉

//上一页

if($page1)

{

$toppage='a href='.$dolink.$add['dofile'].$type.''.$fun_r['startpage'].'/anbsp;'; //如果要仿的网站是用li标签的话,这里我们可以在a标签前加上li,在/a后加上/li

$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'; //如果要仿的网站是用li标签的,同样在a标签外面加上li

}

//下一页

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='nbsp;a href='.$nextpagelink.''.$fun_r['nextpage'].'/a'; //这里可以修改下一页的标签样式

$lastpage='nbsp;a href='.$lastpagelink.''.$fun_r['lastpage'].'/a'; //这里可以修改未页的标签样式

$firststr='span style=color:#999999(共 '.$totalpage.'页)/span'; //原网站是用了style样式

}

$starti=$page-$snum1?1:$page-$snum;

$no=0;

for($i=$starti;$i=$totalpage$no$page_line;$i++)

{

$no++;

if($page==$i)

{

$is_1=span class=current ; //这里是当前页的样式,原网站是用span标签的,注意class只能用英文单引号

$is_2=/span;

}

elseif($i==1)

{

$is_1='a href='.$dolink.$add['dofile'].$type.''; //如果目标网站是用li标签的,我们可以在a标签前加上li

$is_2=/a; //这里同样可以在/a标签后加上/li

}

else

{

$thispagelink=$repagenum$repagenum$i?eReturnRewritePageLink2($add,$i):$dolink.$add['dofile'].'_'.$i.$type;

$is_1='a href='.$thispagelink.'';

$is_2=/a; //这里同样可以在/a标签后加上/li

}

$returnstr.='nbsp;'.$is_1.$i.$is_2;

}

$returnstr=$firststr.$toppage.$prepage.$returnstr.$nextpage.$lastpage;

$pager['showpage']=$returnstr;

return $pager;

}

修改完以后,保存上传覆盖就ok了。改代码这种东西用文字还真不好表达,只能用例子大家多加琢磨了。内容页其实也是大同小异,代码是差不多的,这里我就不多加重复了。

*特别声明:资源收集自网络或用户上传,本网站所提供的电子文本仅供参考,请以正式出版物为准。电子文本仅供个人标准化学习、研究使用,不得复制、发行、汇编、翻译或网络传播等。如有侵权,请联系我们处理。

相关