« 某某很大,东哥好忙第一次去乌市 »

修改Z-Blog底部的分页链接

原Z-Blog底部的分页链接不太清晰,影响点击。

今早月光博客上看到一个修改方法,修改之后的底部分页链接类似WordPress那样的底部分页链接,变成一个类似按钮的方框,点起来还不错。拿来赶紧修改了,方法很简单,效果也不错。值得一试。

首先修改template下的b_pagebar.html,把里面的两个中括号[ ]去掉。

接着,在进入STYLE目录,修改当前样式CSS文件中(默认为default.css,具体如何,看你选择什么样的模板了。反正我的就是default.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底部(在首页感受)

发表评论:

sysku.com欢迎您参与讨论;本站言论必须符合当地法律。

日历

评论回复

最近发表

sysku.com森库资讯

遵循创作共用版权协议3.0,可创作演绎、不限形式传播,要求标注版权标识、不对他者有所伤害。森库资讯 SysKu.com 蜀ICP备05021010号