繁體中文当前位置: 首页 > 图文教程 > 网页制作 > CMS技巧 > 修改z-blog分页页码样式
- CMS技巧
- Zblog帮助:模板文件与模板标签
- Joomla教程:模板覆盖方式修改系统输出
- Joomla教程:为Joomla插件创建语言包
- Joomla教程:文章页面中显示指定的模块
- Joomla教程:控制Section中的分类列表页面的显示方式
- Joomla教程:mod-rewrite是否真的被开启
- 在Joomla自定义HTML模块组合使用Google小工具
- Joomla教程:本地搭建的Joomla站点发送邮件
- Joomla教程:在Who is online模块中显示用户名
- dedecms教程:栏目页面转换为单独页面
- CMS可用性测评:帮助找到适合自己的内容管理系统
- Joomla中文教程:构建多重站点
- Joomla教程:在templateDetails.xml中添加语言文件声明
- Joomla教程:为页面和模块添加独立的自定义Class
- Joomla教程:为“read more”链接添加对应的文章标题
- Joomla教程:查看并修改模板的CSS
- Joomla中文教程:创建并使用插件对文章内容进行修改
- Joomla教程:网站首页第一次加载时播放一次Flash动画
- Joomla教程:禁止未分类文章被站内搜索
- Joomla教程:去掉分类文章列表中的文章序号
CMS技巧 中的 修改z-blog分页页码样式
出处:互联网 整理: 软晨网（RuanChen.com） 发布: 2010-01-03 浏览: 63 ::
收藏到网摘: n/a
现在，在使用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;
}
评论 (0) All
