本站推荐

帝国CMS分页代码最强美化版

来 源:帝国博客 作 者:LENNYASH 时间:2016-06-12 点击:
loading...

帝国的CMS页码确实不够美观,如果不进行一点下改动的话通过CSS是很难最大程度来美化的,所以我就给动了一点点小手术,非常简单,效果确是扛扛的,看如下图所示

360截图20130901201033941.jpg

修改方法如下:

打开e/cass/t_functions.php文件,大概在171至288行,(我的是GBK 7.0版),把下面的代码替换

//返回内容分页
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">'.$totalpage.'</a>';
	//上一页
	if($page<>1)
	{
		$toppage='<a href="'.$dolink.$add[filename].$type.'">首</a>';
		$pagepr=$page-1;
		if($pagepr==1)
		{
			$prido=$add[filename].$type;
		}
		else
		{
			$prido=$add[filename].'_'.$pagepr.$type;
		}
		$prepage='<a href="'.$dolink.$prido.'" class="pagePrev"><B></B></a>';
	}
	//下一页
	if($page!=$totalpage)
	{
		$pagenex=$page+1;
		$nextpage='<a class="pageNext" href="'.$dolink.$add[filename].'_'.$pagenex.$type.'"><B></B></a>';
		$lastpage='<a href="'.$dolink.$add[filename].'_'.$totalpage.$type.'">尾</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='selected'>";
			$is_2="</a>";
		}
		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.=''.$is_1.$i.$is_2;
	}
	$returnstr=$firststr.$toppage.$prepage.$returnstr.$nextpage.$lastpage;
	return $returnstr;
}

CSS代码如下:

.bigPage {
	MARGIN: 10px auto
}
.bigPage SPAN {
	LINE-HEIGHT: 37px; MARGIN: 0px 5px; DISPLAY: inline; FLOAT: left
}
.bigPage A {
	POSITION: relative; TEXT-ALIGN: center; LINE-HEIGHT: 37px; MARGIN: 0px 3px; WIDTH: 37px; DISPLAY: inline; BACKGROUND: url(bigPage.png) no-repeat left top; FLOAT: left; HEIGHT: 37px; COLOR: #7f7f7f; FONT-SIZE: 14px; FONT-WEIGHT: bold; TEXT-DECORATION: none
}
.bigPage A.selected {
	BACKGROUND: url(bigPage.png) no-repeat left -111px; COLOR: #fff; CURSOR: default
}
.bigPage A.selected:hover {
	BACKGROUND: url(bigPage.png) no-repeat left -111px; COLOR: #fff; CURSOR: default
}
.bigPage A.comm {
	BACKGROUND: url(bigPage.png) no-repeat left -111px; COLOR: #630; CURSOR: pointer
}
.bigPage A.comm:hover {
	BACKGROUND: url(bigPage.png) no-repeat left -111px; COLOR: #630; CURSOR: pointer
}
.bigPage B {
	LINE-HEIGHT: 37px; DISPLAY: inline-block
}
.bigPage A:hover {
	BACKGROUND: url(bigPage.png) no-repeat left -74px
}
.bigPage A.down {
	BACKGROUND: url(bigPage.png) no-repeat left -37px
}
.pagePrev B {
	BORDER-BOTTOM: #f8f8f8 6px solid; POSITION: absolute; BORDER-LEFT: #f8f8f8 6px solid; LINE-HEIGHT: 0; WIDTH: 0px; HEIGHT: 0px; FONT-SIZE: 0px; BORDER-TOP: #f8f8f8 6px solid; TOP: 12px; CURSOR: pointer; BORDER-RIGHT: #4e4e4e 6px solid; LEFT: 9px
}
.pageNext B {
	BORDER-BOTTOM: #f8f8f8 6px solid; POSITION: absolute; BORDER-LEFT: #4e4e4e 6px solid; LINE-HEIGHT: 0; WIDTH: 0px; HEIGHT: 0px; FONT-SIZE: 0px; BORDER-TOP: #f8f8f8 6px solid; TOP: 12px; CURSOR: pointer; BORDER-RIGHT: #f8f8f8 6px solid; LEFT: 16px
}

CSS中用到的图片如下:

bigPage.png

至此OK了,以上修改的内容页,列表页方式差不多,你可以对照着代码改,主要是定义样式

来源:http://www.ecmsadmin.com/post-80.html
转载要求注明来源,请尊重作者版权!

关键字: 帝国cms 分页 美化

会员登陆close X