帝国cms 7.5版列表页分页样式样式美化教程

第一步，找到【e】文件夹下的【class】文件夹里的【t_functions.php】与【userfun.php】这个文件，然后都下载下来。

1）、打开【t_functions.php】后，找到注释【//列表模板之列表式分页】的代码地方。一直到注释【//返回内容分页】这部分代码复制出来。

//列表模板之列表式分页
function user_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; <span aria-current="page" class="page-numbers current">'.$num.'</span> </a>&nbsp;&nbsp;';
	//上一页
	if($page<>1)
	{
		$toppage='<a class="page-numbers" href="'.$dolink.$add['dofile'].$type.'" rel="external nofollow"  rel="external nofollow"  rel="external nofollow"  rel="external nofollow" >'.$fun_r['startpage'].'</a>&nbsp;';

		$pagepr=$page-1;
		if($pagepr==1)
		{
			$prido=$add['dofile'].$type;
		}
		else
		{
			$prido=$add['dofile'].'_'.$pagepr.$type;
		}
		$prepage='<a class="page-numbers" href="'.$dolink.$prido.'" rel="external nofollow"  rel="external nofollow" >'.$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='&nbsp;<a class="next page-numbers" href="'.$nextpagelink.'" rel="external nofollow"  rel="external nofollow" >'.$fun_r['nextpage'].'</a>';//上一页
		$lastpage='&nbsp;<a class="next page-numbers" href="'.$lastpagelink.'" rel="external nofollow"  rel="external nofollow" >'.$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='<span aria-current="page" class="page-numbers current">';//选中的样式
			$is_2="</span>";
		}
		elseif($i==1)
		{
			$is_1='<a class="page-numbers" href="'.$dolink.$add['dofile'].$type.'" rel="external nofollow"  rel="external nofollow"  rel="external nofollow"  rel="external nofollow" >';//1.2页后样式
			$is_2="</a>";
		}
		else
		{
			$thispagelink=$repagenum&&$repagenum<$i?eReturnRewritePageLink2($add,$i):$dolink.$add['dofile'].'_'.$i.$type;
			$is_1='<a class="page-numbers" href="'.$thispagelink.'" rel="external nofollow"  rel="external nofollow" >';//3页后样式
			$is_2="</a>";
		}
		$returnstr.='&nbsp;'.$is_1.$i.$is_2;
	}
	$returnstr=$firststr.$toppage.$prepage.$returnstr.$nextpage.$lastpage;
	$pager['showpage']=$returnstr;
	return $pager;
}

2）、把刚刚【t_functions.php】文件里复制下来的代码，粘贴到【userfun.php】文件的<? php ?>这中间。

其实，我们这么做的目的，就是把这个分页文件分离出来，修改的时候，不会影响到核心文件。

3）、到【userfun.php】把前面的【sys_ShowListMorePage】函数，换成【user_ShowListMorePage】

帝国cms 7.5版列表页分页样式样式美化教程

4）、到帝国cms后台，找到【系统】-【系统参数设置】-【信息设置】-【列表分页函数(列表)】，把里面的函数换成【user_ShowListMorePage】函数，如下图：

帝国cms 7.5版列表页分页样式样式美化教程

5）、修改刚才复制userfun.php进去的样式，即可

这个是我自己修改的样式图：

帝国cms 7.5版列表页分页样式样式美化教程

//列表模板之列表式分页
function user_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; <span aria-current="page" class="page-numbers current">'.$num.'</span> </a>&nbsp;&nbsp;';
	//上一页
	if($page<>1)
	{
		$toppage='<a class="page-numbers" href="'.$dolink.$add['dofile'].$type.'" rel="external nofollow"  rel="external nofollow"  rel="external nofollow"  rel="external nofollow" >'.$fun_r['startpage'].'</a>&nbsp;';

		$pagepr=$page-1;
		if($pagepr==1)
		{
			$prido=$add['dofile'].$type;
		}
		else
		{
			$prido=$add['dofile'].'_'.$pagepr.$type;
		}
		$prepage='<a class="page-numbers" href="'.$dolink.$prido.'" rel="external nofollow"  rel="external nofollow" >'.$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='&nbsp;<a class="next page-numbers" href="'.$nextpagelink.'" rel="external nofollow"  rel="external nofollow" >'.$fun_r['nextpage'].'</a>';//上一页
		$lastpage='&nbsp;<a class="next page-numbers" href="'.$lastpagelink.'" rel="external nofollow"  rel="external nofollow" >'.$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='<span aria-current="page" class="page-numbers current">';//选中的样式
			$is_2="</span>";
		}
		elseif($i==1)
		{
			$is_1='<a class="page-numbers" href="'.$dolink.$add['dofile'].$type.'" rel="external nofollow"  rel="external nofollow"  rel="external nofollow"  rel="external nofollow" >';//1.2页后样式
			$is_2="</a>";
		}
		else
		{
			$thispagelink=$repagenum&&$repagenum<$i?eReturnRewritePageLink2($add,$i):$dolink.$add['dofile'].'_'.$i.$type;
			$is_1='<a class="page-numbers" href="'.$thispagelink.'" rel="external nofollow"  rel="external nofollow" >';//3页后样式
			$is_2="</a>";
		}
		$returnstr.='&nbsp;'.$is_1.$i.$is_2;
	}
	$returnstr=$firststr.$toppage.$prepage.$returnstr.$nextpage.$lastpage;
	$pager['showpage']=$returnstr;
	return $pager;
}

.fenye {
    text-align: center;
}
.prev, .next {}
.fenye .page-numbers {
	background: #fff;
	display: inline-block;
	padding: 7px 15px;
	border-radius: 4px;
	margin-right: 6px;
	color: #666;
	border: 1px solid #f6f7f8
}

.fenye .current {
	background-color: var(--pm-c);
	color: #fff;
	border:none;
	transition: all .3s
}
.fenye .current:hover {
	border: none!important;
}
.fenye .page-numbers:hover {
	background-color: var(--pm-c);
	color: #fff;
}

相关文章