zblog的这个分页效果确实漂亮

月光博客把自己的zblog的分页给优化了下,看起来效果挺酷炫的,鼠标放上去,还有闪光效果,很时尚嘛;前几天在zblog论坛为挑选火狐插件模板时,也看到过这个美化,当时对比了下,感觉一般般,用处不大!现在看来,觉得不错,到原作者那里看了下修改过程,呵,小手术,二分种,搞定。

 

首先修改template下的b_pagebar.html,把里面的两个中括号删除,否则会很难看。

接着,在STYLE的当前样式CSS文件中(我用的是j-spring.css),在最后加入以下几行即可:

/*美化的分页链接*/
.pagebar{
 line-height:20px;
 height:20px
}
.pagebar a,.pagebar .now-page{
 padding:1px 3px 2px 3px;
 margin:0 2px;
 text-align:center;
 font-weight:bold;
 font-family:Verdana;
 border:1px solid #ccc;
 text-decoration:none
}
.pagebar a:hover{
 border:1px solid #c00;
 text-decoration:none
}
/*美化的分页链接结束*/