修改z-blog分页页码样式

时间：2022-07-02 13:46:43 编辑：袖梨来源：一聚教程网

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

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

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

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

[<#pagebar/page/number#>]

改为（荆棘鸟注：修改Html部分）

<#pagebar/page/number#>

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

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

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

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

}

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;

推荐专题

最新下载

热门教程

修改z-blog分页页码样式

相关文章

热门栏目

php教程

asp.net教程

手机开发

css教程

网页制作

办公数码

jsp教程