一个热爱网络的小学教师

知更鸟主题修改:调整导航条的位置

最近有位站长朋友觉得我修改的知更鸟主题比较顺眼,用他的话说就是“导航看起来比较大气”,呵呵,还向我询问修改的方法。看来审美这东西还真是因人而异,知更鸟本人觉得原版更好看,而我觉得这样更顺眼。

由于改成现在这样,改动的地方不少,而有些改动时间又太久了,记不清楚了,所以我还是慢慢整理一下自己的修改过程吧。

首先是调整导航条的位置。

知更鸟主题本来导航条在最上方,而header在导航条的下面,我觉得这不符合我的眼光,于是参照知更鸟博客的方法进行了修改,大家可以参考此贴:

http://www.gaohaipeng.com/1010.html

以下引用原文的内容:

顶部导航菜单与LOGO互换位置

经常有人提这个问题,这里再说一下,打开主题所有以header开头的模版文件(共有6个),把:

<div id=”top”>

<!– end: top –>

这部分代码整体移动到

<!– end: header –>

下面即可。最后为了调整导航菜单与下面的距离,在主题style样式文件中加入:

#topnav {margin: 0 0 8px 0;}

同时搜索:    margin: 18px auto;

改为:margin: 0 auto;

个人认为修改后破坏了主题整体的美感……

(我怎么觉得修改之后更顺眼了呢,呵呵。——by 高海鹏)

赞(2) 打赏
转载请标明出处:高海鹏老师的博客 » 知更鸟主题修改:调整导航条的位置
分享到: 更多 (0)

留言 3

Protected by WP Anti Spam
  • 昵称 (必填)
  • 邮箱 (必填)
  • 网址
  1. #0

    你现在用的主题是知更鸟的哪一个?可以提供链接吗?我之前一直用的萧涵的,也想换个新的了

    小杰11年前 (2013-02-02)回复
    • 2.7.1,到知更鸟博客下载即可

      高海鹏11年前 (2013-02-02)回复
  2. #0

    因为大多数的主题都是logo在导航条上方,所以看着会更顺眼一些。

    常青11年前 (2013-01-30)回复

觉得文章有用就打赏一下文章作者

支付宝扫一扫打赏

微信扫一扫打赏