注册本站  论坛  繁體中文

电脑技巧
手机 | MP3 | MP4 | 显卡 | 主板 | 显示器 | 光存储 | 笔记本 | 网络设备 | 移动存储 | 数码相机
键鼠 | CPU | 音箱 | GPS | 电视 | 服务器 | 投影机 | 机箱电源 | 品牌电脑 | 办公打印 |
| 网站首页 | Cisco | Windows | Linux | Java | Dotnet | Oracle | 网页设计 | 平面设计 | 安全 | 软件应用 | 电脑维修 | 办公维修 |
您现在的位置: 电脑技巧 >> 网页设计 >> CMS >> 网页设计正文

修改z-blog分页页码样式

文章来源:不详 作者:佚名 更新时间:2007-12-8 0:44:30 【 】 【加入收藏

现在,在使用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;
}

  • 上一篇网页设计:

  • 下一篇网页设计:
  • 最 新 热 门
     Flash教程:if条件语句的用法
     Flash教程:测试AS代码的执行速度
     Flash教程:trace()的使用
     实现在AJAX下的前进、后退功能
     创建吸引访问者的网站内容的14种方法
     LBS功能:图片的自适应实现代码
     LBS增加引用地址和永久地址点击复制功能
     学习CSS布局网页的一些实例
     CSS学习者:2008年不要作浮躁的人
     网页设计制作之改进超级链接效果
    最 新 推 荐
     LBS功能:图片的自适应实现代码
     LBS增加引用地址和永久地址点击复制功能
     给z-blog博客添加链接点击统计
     修改z-blog分页页码样式
     给zblog加上运行代码功能
     关于blog系统中最合适做优化的程序
     织梦网站管理系统(DedeCms2007)将于11月底发…
     百度、谷歌搜索引擎原理及新网站应对
     使用织梦网站管理(DEDECMS)架设网站全面分析
     dedecms发布分页问题完全解决方案
    相 关 文 章

    动态修改框架(frame)src属性的方法
    给z-blog博客添加链接点击统计
    关于影片剪辑在主场景中位置修改的Flash技巧
    学习AS3:动态修改影片的帧频
    几种常用禁止修改输入框的方法
    FireFox 如何用Javascript 修改状态栏
    使用Javascript修改客户端注册表
    修改后的prototype.js,增加进度条和验证输…
    JavaScript 小技巧之如何自动加上最后修改时…
    JavaScript修改注册表的例子

    | 设为首页 | 加入收藏 | 联系站长 | 友情链接 | 版权申明 | 网站公告

     

    Copyright 2006-2008 pcjx.com All Rights Reserved
    电脑技巧 版权所有 粤ICP备06059145号 地图
    本网站所有内容未经许可不得转载或做其他使用