我们在自己设计网站列表页面或者使用帝国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了。改代码这种东西用文字还真不好表达,只能用例子大家多加琢磨了。内容页其实也是大同小异,代码是差不多的,这里我就不多加重复了。