原有的Z-Blog底部的分页链接实在是太难看了,一直都懒得修改,今天恰好在李思杰的博客上看到一个修改样式的方法,于是拿来一用,效果还真不错。
修改之后的底部分页链接类似WordPress那样的底部分页链接,变成一个类似按钮的方框,点起来还不错,如果你目前也使用Z-Blog,建议也修改一下。
修改方法很简单,首先修改template下的b_pagebar.html,把里面的两个中括号删除,否则会很难看。
接着,在STYLE的当前样式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
}
/*美化的分页链接结束*/
显示效果请参见我自己的Blog底部。
没有评论:
发表评论