修改z-blog分页页码样式


现在,在使用z-blog的博客中,好象流行修改z-blog分页页码样式。原来的分页页码的确有些丑,而且还有折行,正好趁着流行,也改一下显示样式。

修改z-blog分页页码样式的源头,来源于“李思杰的博客”,正好借鉴一下。最近懒得动脑筋,居然上去问了一个傻了巴吱的问题,希望大家不要学我。

切入正题,我是如何修改分页页码样式的呢?李思杰在文章说的很清楚了,我精简一下,以适用于我这个绿色样式的博客。

首先修改template下的b_pagebar.html,把

<a href="<#pagebar/page/url#>">[<#pagebar/page/number#>]</a>

改为(荆棘鸟注:修改Html部分)

<a href="<#pagebar/page/url#>"><#pagebar/page/number#></a>

去掉两个中括号,我要做成按钮的形式,加上会很难看。

然后修改博客的样式文件,我的样式叫green.css,在style目录下。Z-BLOG的分页链接预留了一个CSS定义pagebar,这里我们只要定义一下这个样式就可以了。我加了一下注释,你实际要用,直接拷过去,加到CSS文件中就可以了。

/*--------------------------分页条-------------------------------*/

 

div.pagebar{
margin:10px 0 0 10px;
padding:0;
line-height:20px;
height:20px
}

div.pagebar a,.pagebar .now-page{
padding:1px 5px 2px 5px;
margin:0 2px;
text-align:center;
font-weight:bold;
font-family:Verdana;
border:1px solid #ccc;
text-decoration:none
}

div.pagebar a:hover{ /* 定义鼠标滑过页码样式 */
BACKGROUND: #4BA44B;
COLOR: #222222;
border:1px solid #ACE149;
text-decoration:none
}

div.pagebar .now-page{ /* 定义当前页码 */
BACKGROUND: #7CCC31;
COLOR: #222222;
}



相关阅读:
Apche日志系列(2):错误日志
Vista系统提高ADSL上网速度的两种设置方法
Mysql 本地计算机无法启动 mysql 服务 错误 1067:进程意外终止。
纯CSS实现标签导航制作
转投linux,UNIX服务器的低端暗涌
第四章 php数学运算
(JS实现)MapBar中坐标的加密和解密的脚本
Sorting Array Values in PHP(数组排序)
全面了解Cookie的传递流程、编程实现及安全问题
40个有创意的jQuery图片、内容滑动及弹出插件收藏集之一
CSS 选择器命名规范化
VB通过DAO访问Access数据库
IE7对css选择器的改进
js插件类库组织与管理(基于asp.net管理)
快速导航

Copyright © 2016 phpStudy | 皖ICP备18014864号-4