青青子衿, 悠悠我心, 但为君故, 沉吟至今
« 自我激励与团队沟通的培训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.linker
  • 前几天也在zblog论坛看了这个功能,觉得不太必要!
  • 2007-11-13 0:10:09   支持(0)反对(0) 回复
  • 3.linker
  • 跑到你首页看了下效果,确实漂亮多了,有点酷炫,很时尚啊;我也酷一把吧!小改动,不耽误睡觉!long,早睡早起啊!
  • 2007-11-13 0:17:00   支持(0)反对(0) 回复
  • 7.竞博客
  • 无所谓了吧,月光博客啥时候看重这个来着?何不换一个模板,呵呵~~
  • 2007-11-13 9:46:45   支持(0)反对(0) 回复
  • 8.不是俺
  • 这样真的很有意义么?

    不过,看起来美化之后可能更容易让人们觉着这是一个可以点击的按钮。
  • 2007-11-13 12:10:59   支持(0)反对(0) 回复
  • 13.sunmm
  • “STYLE的当前样式CSS文件中,加入以下几行即可:”这怎么加啊?
  • 2007-11-13 20:12:20   支持(0)反对(0) 回复
  • 14.aw
  • 月光开始玩CSS了-。-
    恩,嘿嘿。。。。干脆换WP用我的皮,多好~
  • 2007-11-13 21:48:39   支持(0)反对(0) 回复
  • 19.重庆
  • 呵呵。不知道为什么我用过一段时间的z-blog,后来觉的不顺手而弃用了,喜欢自己编写的博客。不过也没时间拉
  • 2007-11-15 15:41:59   支持(0)反对(0) 回复
  • 32.兼行天下
  • 一个网站必要的漂亮是很有用的,对初次来访问的人来说感觉舒服很重要,大家可以看下我的页面提下意见,欢迎切磋。
  • 2007-12-27 21:36:13   支持(0)反对(0) 回复
  • 40.谢谢月光
  • 经常到老师这来学习,第一次留言,非常的感谢老师,希望能和老师保持联系。
  • 2010-11-28 21:37:02   支持(0)反对(0) 回复

发表评论:

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

订阅博客

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

站内搜索

热文排行


月度排行

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