首 页 微信营销 搜索学院 网络培训 建站知识 谷歌优化 小程序 企业站SEO
网站首页 >> 搜索学院 >>当前页

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

发布时间:2020-09-23 23:09 编辑: 来源:

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

本文永久链接:http://fashion.pipd.cn/p-f-15468575.html
分享到:0

相关阅读

最新发布