青青子衿, 悠悠我心, 但为君故, 沉吟至今
« 自我激励与团队沟通的培训Google或并购美Sprint,攻坚移动平台 »

美化了一下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底部。



  除非注明,月光博客文章均为原创,转载请以链接形式标明本文地址

  本文地址:http://www.williamlong.info/archives/1133.html
  • 文章排行:
  • 1.兼行天下
  • 一个网站必要的漂亮是很有用的,对初次来访问的人来说感觉舒服很重要,大家可以看下我的页面提下意见,欢迎切磋。
  • 2007/12/27 21:36:13   支持(18)反对(8) 回复
  • 3.星云一点
  • 我觉得美化一下分页也是必要的
  • 2007/12/27 21:15:44   支持(16)反对(10) 回复
  • 4.Raymond
  • 看不出当前页面了,很不方便
  • 2007/12/29 11:25:40   支持(14)反对(8) 回复
  • 5.AFan
  • 谢谢分享,我博客改了下后好看多!faninfo.cn/blog
  • 2008/1/7 20:40:06   支持(10)反对(5) 回复
  • 6.pidke
  • 超喜欢月光的博客。带来那么多知识。
    佚名 于 2012-3-5 0:00:28 回复
    确实是的
    张三 于 2012-3-5 0:02:57 回复
    文章写得很深,得慢慢体会。
  • 2011/7/24 17:34:17   支持(13)反对(8) 回复
  • 9.無鳴騎士
  • 我也在用ZBLOG~去改下看看 谢谢了
  • 2008/1/10 14:55:55   支持(15)反对(11) 回复
  • 10.linker
  • 前几天也在zblog论坛看了这个功能,觉得不太必要!
  • 2007/11/13 0:10:09   支持(17)反对(14) 回复
  • 11.aw
  • 月光开始玩CSS了-。-
    恩,嘿嘿。。。。干脆换WP用我的皮,多好~
  • 2007/11/13 21:48:39   支持(13)反对(10) 回复
  • 12.星云一点
  • 李思杰的博客又被和谐了
  • 2007/11/23 8:39:13   支持(11)反对(8) 回复
  • 14.书呆子
  • 用了,是否我的模板特殊?没有看出前后的不同呢
  • 2007/11/19 23:11:17   支持(11)反对(9) 回复
  • 15.linker
  • 跑到你首页看了下效果,确实漂亮多了,有点酷炫,很时尚啊;我也酷一把吧!小改动,不耽误睡觉!long,早睡早起啊!
  • 2007/11/13 0:17:00   支持(13)反对(12) 回复
  • 18.williamlong
  • 的确没什么太大用处,不过显示效果感觉似乎好了一点。
  • 2007/11/13 0:15:31   支持(8)反对(8) 回复
  • 22.星伯
  • 很不错呵,颜色要协调才好···
  • 2007/11/14 1:01:40   支持(10)反对(10) 回复
  • 23.applefan
  • 倒霉,我上了Bo-Blog的贼船。不能像z-blog那样静态化!
  • 2007/11/15 21:39:55   支持(9)反对(9) 回复
  • 24.不是俺
  • 这样真的很有意义么?

    不过,看起来美化之后可能更容易让人们觉着这是一个可以点击的按钮。
  • 2007/11/13 12:10:59   支持(11)反对(12) 回复
  • 26.petcon
  • 本人不才 没有看出来修改了

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

发表评论:

 请勿发送垃圾信息、广告、推广信息或链接,这样的信息将会被直接删除。

订阅博客

  • 订阅我的博客:订阅我的博客
  • 关注新浪微博:关注新浪微博
  • 关注腾讯微博:关注腾讯微博
  • 关注认证空间:关注QQ空间
  • 通过电子邮件订阅
  • 通过QQ邮件订阅

站内搜索

热文排行


月度排行

本站采用创作共用版权协议, 要求署名、非商业用途和相同方式共享. 转载本站内容必须也遵循“署名-非商业用途-相同方式共享”的创作共用协议.
This site is licensed under a Creative Commons Attribution-NonCommercial-ShareAlike 3.0 License.