风格设计教程(5):侧导航栏设计

王志勇 发表于 2012年07月05日 16:14

在读本文之前,请确保您已经通读了《风格设计教程(3):整体风格设计必读》。本文与前几篇的《风格设计教程》系列有所不同的是,本文需要使用本机修改、在线修改这2种方式相结合。

首先,侧导航栏的宽度,可以参考《风格设计教程(2):如何改变Arsue Blog的宽度》。默认的宽度为:Blog正文区域670像素,侧导航栏280像素。它的值在/t/css.php中设定,还有一组值可以参考:750+200,也就是Blog正文区域750像素,侧导航栏200像素。左右两栏位置互换,请参考《风格设计教程(1):左右两栏位置互换》。改变宽度,需要在本机调试,然后再上传到服务器,因为调试需要花很多的时间。

在线更新的部分。请打开Blog管理后台,找到“参数设置”。首页和内页的最新的评论、Blog存档,内页的近期的主题,首页的博客统计、友情链接,这些部分默认都是开启的,都可以分别在“参数设置”中将这些部分去掉。其中,去掉/开启的方法以及它们的参数设置请见:

  1. 首页和内页:最新的评论Blog存档
  2. 内页:近期的主题
  3. 首页:博客统计友情链接

首页侧导航栏的include包含文件是/e/t/r.php,内页侧导航栏的include包含文件是/t/r.php。请注意:这2个文件通常是不能直接手动修改的,因为这2个文件是由程序动态生成,当您修改这2个文件之后,这2个文件可能随时会被覆盖,导致您的修改丢失。只有当最新的评论、Blog存档,内页的近期的主题,首页的博客统计、友情链接这5部分全部关闭时,才可以直接修改/e/t/r.php和/t/r.php,当这5部分全部关闭时,相当于侧导航栏变为全手动更新。

如果侧导航栏采用200像素的宽度,则必须把Blog存档首页的友情链接分别设置为1栏,默认为2栏。这是因为侧导航栏的宽度变窄后,原来的2栏放不下了。

在线更新的部分。侧导航栏的上端、下端、分类和标签的添加方法:请打开Blog管理后台的首页,找到“编辑相关网页文件”,可以看到这4部分:侧导航栏的上端、内页侧导航栏的下端、首页侧导航栏的下端、侧导航栏的分类和标签,如下图:

其中,侧导航栏的上端,对首页和内页均起作用。导航栏的下端,首页和内页的内容不一样,需要单独编辑。侧导航栏的分类和标签的链接的修改,请见这篇

在线修改完毕之后,将服务器上的文件打成压缩包,下载到本机做备份。

0条评论:

发表评论:
名字: (*必填)
博客: (可省,仅限于Blog地址)
验证码: r89e77v83i98s99e67 (*必填)

正文:

    记住信息? 否   回复第

直接发送Trackback

程序简介:Arsue是一个快速、超低负载、易于安装和备份的博客程序,可快速地运行在低价的虚拟主机,PHP+NoSQL构架,核心程序5K以内,主程序20K以内,全动态页面,国内外大多数的Linux+Apache+PHP的主机均可运行。获得此程序,可以在这里预定

最新的评论:
Arsue教程(4):如何关闭/开启评论
Arsue教程(3):Arsue Blog程序如何第一次安装
Arsue教程(20):参数设置 - 两次发帖的时间间隔
Arsue教程(13):参数设置 - 按月存档管理
Arsue教程(7):如何更改Blog文档的路径
Arsue教程(19):如何添加友情链接
Arsue教程(31):如何在一个分类/标签下添加一篇文章
Arsue教程(25):“在线升级”使用说明(图解)
Arsue教程(30):文章分类和标签
Arsue教程(29):最新评论审核平台

分类:
Arsue教程 | Arsue的属性 | 程序艺术谈
风格设计教程 | Arsue程序更新

Blog存档:

Copyright © 2012 arsue.com 版权所有。Arsue是一个基于PHP+NoSQL构架的快速、超低负载的Blog程序,它可以节省您每年50%以上的服务器费用。