月光博客 » 编程开发 » 美化了一下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底部的分页链接

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

相关文章

  1. 1
    兼行天下   说道:
    一个网站必要的漂亮是很有用的,对初次来访问的人来说感觉舒服很重要,大家可以看下我的页面提下意见,欢迎切磋。
    支持(18反对(8回复
  1. 2
    7788sky   说道:
    恩,哈哈。我试试看
    支持(16反对(9回复
  1. 3
    星云一点   说道:
    我觉得美化一下分页也是必要的
    支持(16反对(10回复
  1. 4
    Raymond   说道:
    看不出当前页面了,很不方便
    支持(14反对(8回复
  1. 5
    AFan   说道:
    谢谢分享,我博客改了下后好看多!faninfo.cn/blog
    支持(10反对(5回复
  1. 6
    pidke   说道:
    超喜欢月光的博客。带来那么多知识。
    佚名 于 2012-3-5 0:00:28 回复
    确实是的
    张三 于 2012-3-5 0:02:57 回复
    文章写得很深,得慢慢体会。
    支持(13反对(8回复
  1. 7
    7788sky   说道:
    恩,哈哈。我试试看
    支持(11反对(7回复
  1. 8
    hoduo   说道:
    简单大方的模板,好东西
    支持(9反对(5回复
  1. 9
    無鳴騎士   说道:
    我也在用ZBLOG~去改下看看 谢谢了
    支持(15反对(11回复
  1. 10
    linker   说道:
    前几天也在zblog论坛看了这个功能,觉得不太必要!
    支持(17反对(14回复

发表留言