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

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

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

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

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

百度分享按钮的bug,烦人

以下引用原文的内容:

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

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

<div id=”top”>

<!– end: top –>

这部分代码整体移动到

<!– end: header –>

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

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

同时搜索:    margin: 18px auto;

改为:margin: 0 auto;

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

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

原创文章,作者:ItWorker,如若转载,请注明出处:https://blog.ytso.com/250793.html

(0)
上一篇 2022年4月30日
下一篇 2022年4月30日

相关推荐

发表回复

登录后才能评论