帝国cms统一分页导航样式及其代码

李和周 2016-05-18 21:00:59 帝国CMS 362 ℃ 0 评论

分享一个自用的帝国cms分页样式以及代码,不修改帝国cms任何内核文件,绝对的绿色,具体效果自己测试。

html代码:

<div class="bruce"><span>[!--show.listpage--] </span></div>

css样式代码:

/*分页导航*/
.bruce {height:45px;line-height:45px;margin:25px 0 10px 0;text-align:center;}   
.bruce span a {border:1px solid #f4f4f4;padding:10px 15px;text-align:center;text-decoration:none; font:12px/14px Tahoma;background:#f4f4f4; }    
.bruce span a:hover { background:#ccc;text-decoration:none; }    
.bruce span b {font-weight:bold;background:none;padding:9px 15px;background:#f4f4f4;; display:inline-block; line-height:18px;}
.bruce span b:hover {background:#ccc;}    
.bruce span a b {border:0 none; padding:0;line-height:14px;}    
.bruce span a:hover b {background:none;}  
/*分页导航结束*/


本文TAG:

本文暂时没有评论,来添加一个吧(●'◡'●)

欢迎 发表评论:

李和周个人博客