月光博客

青青子衿, 悠悠我心, 但为君故, 沉吟至今

« 自我激励与团队沟通的培训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/ ]

本文链接地址:http://www.williamlong.info/archives/1133.html
  • 文章排行:
  • 1.linker
  • 前几天也在zblog论坛看了这个功能,觉得不太必要!
  • 2007-11-13 0:10:09   回复该留言
  • 3.linker
  • 跑到你首页看了下效果,确实漂亮多了,有点酷炫,很时尚啊;我也酷一把吧!小改动,不耽误睡觉!long,早睡早起啊!
  • 2007-11-13 0:17:00   回复该留言
  • 7.竞博客
  • 无所谓了吧,月光博客啥时候看重这个来着?何不换一个模板,呵呵~~
  • 2007-11-13 9:46:45   回复该留言
  • 8.不是俺
  • butwho.net
  • 这样真的很有意义么?

    不过,看起来美化之后可能更容易让人们觉着这是一个可以点击的按钮。
  • 2007-11-13 12:10:59   回复该留言
  • 13.sunmm
  • sunmm.net
  • “STYLE的当前样式CSS文件中,加入以下几行即可:”这怎么加啊?
  • 2007-11-13 20:12:20   回复该留言
  • 18.happy
  • 呵呵,的确还可以,其实和我的blog一样的啊
  • 2007-11-15 3:29:19   回复该留言
  • 19.重庆
  • 023FF.com
  • 呵呵。不知道为什么我用过一段时间的z-blog,后来觉的不顺手而弃用了,喜欢自己编写的博客。不过也没时间拉
  • 2007-11-15 15:41:59   回复该留言
  • 20.applefan
  • 倒霉,我上了Bo-Blog的贼船。不能像z-blog那样静态化!
  • 2007-11-15 21:39:55   回复该留言
  • 25.书呆子
  • 用了,是否我的模板特殊?没有看出前后的不同呢
  • 2007-11-19 23:11:17   回复该留言
  • 31.半杯水
  • 直接下了一个 很好看哦
    http://www.comma4269.cn/
  • 2007-12-21 20:44:32   回复该留言
  • 32.星云一点
  • 我觉得美化一下分页也是必要的
  • 2007-12-27 21:15:44   回复该留言
  • 33.兼行天下
  • 一个网站必要的漂亮是很有用的,对初次来访问的人来说感觉舒服很重要,大家可以看下我的页面提下意见,欢迎切磋。
  • 2007-12-27 21:36:13   回复该留言
  • 35.AFan
  • 谢谢分享,我博客改了下后好看多!faninfo.cn/blog
  • 2008-1-7 20:40:06   回复该留言

发表评论:

◎欢迎参与讨论,请在这里发表您的看法、交流您的观点。

订阅博客

  • 订阅我的博客:订阅我的博客
  • 通过Google订阅本站
  • 通过鲜果订阅本站
  • 通过电子邮件订阅本站

站内搜索

热文排行

最新评论及回复

最近发表

网站收藏

本站采用创作共用版权协议, 要求署名、非商业用途和保持一致. 转载本站内容必须也遵循“署名-非商业用途-保持一致”的创作共用协议.

This site is licensed under a Creative Commons Attribution-NonCommercial-ShareAlike 2.5 License.