月光博客 » 编程开发 » 美化了一下Z-Blog底部的分页链接

美化了一下Z-Blog底部的分页链接

原有的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底部。

美化了一下Z-Blog底部的分页链接

顶一下 ▲()   踩一下 ▼()

相关文章

发表留言