最近有位站长朋友觉得我修改的知更鸟主题比较顺眼,用他的话说就是“导航看起来比较大气”,呵呵,还向我询问修改的方法。看来审美这东西还真是因人而异,知更鸟本人觉得原版更好看,而我觉得这样更顺眼。
由于改成现在这样,改动的地方不少,而有些改动时间又太久了,记不清楚了,所以我还是慢慢整理一下自己的修改过程吧。
首先是调整导航条的位置。
知更鸟主题本来导航条在最上方,而header在导航条的下面,我觉得这不符合我的眼光,于是参照知更鸟博客的方法进行了修改,大家可以参考此贴:
以下引用原文的内容:
顶部导航菜单与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