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

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

相关文章

  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回复
  1. 11
    aw   说道:
    月光开始玩CSS了-。-
    恩,嘿嘿。。。。干脆换WP用我的皮,多好~
    支持(13反对(10回复
  1. 12
    星云一点   说道:
    李思杰的博客又被和谐了
    支持(11反对(8回复
  1. 13
    fly2sky   说道:
    喜欢wordpress多一点
    支持(15反对(13回复
  1. 14
    书呆子   说道:
    用了,是否我的模板特殊?没有看出前后的不同呢
    支持(11反对(9回复
  1. 15
    linker   说道:
    跑到你首页看了下效果,确实漂亮多了,有点酷炫,很时尚啊;我也酷一把吧!小改动,不耽误睡觉!long,早睡早起啊!
    支持(13反对(12回复
  1. 16
    hainanyou   说道:
    你的博客真漂亮,值得拥有!
    支持(8反对(7回复
  1. 17
    KoKo   说道:
    找了很久啦!
    支持(12反对(11回复
  1. 18
    williamlong   说道:
    的确没什么太大用处,不过显示效果感觉似乎好了一点。
    支持(8反对(8回复
  1. 19
    wexml   说道:
    顶。 我也用的 Z-BLOG
    支持(10反对(10回复
  1. 20
    Washun   说道:
    晕~~~
    支持(16反对(16回复
  1. 21
    rocky   说道:
    你的blog真不错,收藏了哦
    支持(12反对(12回复
  1. 22
    星伯   说道:
    很不错呵,颜色要协调才好···
    支持(10反对(10回复
  1. 23
    applefan   说道:
    倒霉,我上了Bo-Blog的贼船。不能像z-blog那样静态化!
    支持(9反对(9回复
  1. 24
    不是俺   说道:
    这样真的很有意义么?

    不过,看起来美化之后可能更容易让人们觉着这是一个可以点击的按钮。
    支持(11反对(12回复
  1. 25
    diveboy   说道:
    非常好额
    支持(12反对(13回复
  1. 26
    petcon   说道:
    本人不才 没有看出来修改了

    应该上图
    支持(8反对(9回复
  1. 27
    重庆   说道:
    呵呵。不知道为什么我用过一段时间的z-blog,后来觉的不顺手而弃用了,喜欢自己编写的博客。不过也没时间拉
    支持(8反对(9回复
  1. 28
    piaoyi   说道:
    效果的确酷。比原来的好看多了。
    支持(11反对(12回复
  1. 29
    tod   说道:
    为什么我的显示不了,还是原来的样子?
    支持(9反对(10回复
  1. 30
    Michael   说道:
    早上好
    支持(7反对(9回复
  1. 31
    sunmm   说道:
    “STYLE的当前样式CSS文件中,加入以下几行即可:”这怎么加啊?
    支持(13反对(15回复
  1. 32
    Vic   说道:
    测试一下哈
    我是公司的 虚拟主机
    支持(7反对(9回复
  1. 33
    大话兵法   说道:
    已照文更改,感谢分享!
    支持(9反对(11回复
  1. 34
    happy   说道:
    呵呵,的确还可以,其实和我的blog一样的啊
    支持(8反对(11回复
  1. 35
    谢谢月光   说道:
    经常到老师这来学习,第一次留言,非常的感谢老师,希望能和老师保持联系。
    支持(9反对(13回复
  1. 36
    guwei   说道:
    不错~我就是用的Z-BLOG
    支持(5反对(10回复
  1. 37
    杀鸡敬猴   说道:
    不错!
    支持(5反对(10回复
  1. 38
    xniis   说道:
    谢谢分享,现在改了好看多了。
    支持(6反对(12回复
  1. 39
    lawvake   说道:
    感谢了.
    用上了.
    支持(7反对(15回复
  1. 40
    jjboke   说道:
    用上了. 嘿嘿~
    支持(7反对(15回复
  1. 41
    竞博客   说道:
    无所谓了吧,月光博客啥时候看重这个来着?何不换一个模板,呵呵~~
    支持(7反对(16回复

发表留言