你的位置: 奇芳阁 帝国教程 阅读文章     

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

[ 帝国教程 // 2015-04-13 ]

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

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

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

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

css-fenye

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

<div class="page"><a title="Total record"><b>106</b> </a><b>1</b><a href="/news/index_2.html">2</a><a href="/news/index_3.html">3</a><a href="/news/index_4.html">4</a><a href="/news/index_5.html">5</a><a href="/news/index_2.html">></a><a href="/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($page<>1)

{

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

//$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-$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.'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="Page">&nbsp;<b>'.$page.'</b>/<b>'.$totalpage.'</b> </a>&nbsp;&nbsp;';
//上一页
if($page<>1)
{
$toppage='<a href="'.$dolink.$add[filename].$type.'">'.$fun_r['startpage'].'</a>&nbsp;';
$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-$snum<1?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="pagenavi"><span class="pagenavi_l"></span><span class="pagenavi_c"><span class="pages">分页导航:</span>

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

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

<span class="current">2</span>

<a href="http://www.softhome.cc/html/page/3">3</a>

<a href="http://www.softhome.cc/html/page/4">4</a>

<a href="http://www.softhome.cc/html/page/5">5</a>

<a href="http://www.softhome.cc/html/page/6">6</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>

</span><span class="pagenavi_r"></span></div>

从这个源代码来看,我们只需要复制<a href="http://www.softhome.cc/html/">1</a> <span class="current">2</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 record”>&nbsp;<b>’.$num.'</b> </a>&nbsp;&nbsp;';  原网站没有总页数,所以我们把这一行注释掉
//上一页
if($page<>1)
{
$toppage='<a href="'.$dolink.$add['dofile'].$type.'">'.$fun_r['startpage'].'</a>&nbsp;';   //如果要仿的网站是用<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-$snum<1?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了。改代码这种东西用文字还真不好表达,只能用例子大家多加琢磨了。内容页其实也是大同小异,代码是差不多的,这里我就不多加重复了。

打赏

如果本站对您有所帮助,请考虑对本站进行小额捐赠:

捐赠免费软件之家
各位请注意,目前发现 0 位寻荒者 在附近海域漂移!

报歉!评论已关闭.