導航條的加入

我的皮是anothereon001（皮不一樣導航條的位置不一樣哦= =|）
正好在 顯示“post- 8, comments - 5, trackbacks - 0”的左邊有一長條的黑色空白。
絕佳的導航條位置！！！
利用的還是層，層是可以在頁面任意位置逍遙的哈哈。
代碼如下：

<div id="header" style="position: absolute; top:-17px;left:0px;width: 700; height: 20; z-index: 8;"><font color=#8899cc> <a href=http://blog.csdn.net/haagena/>首頁←</a>&nbsp;&nbsp;&nbsp; <a href=#>文章分類</a>←&nbsp;&nbsp;&nbsp; 本周推薦←&nbsp;&nbsp;&nbsp; <a href=javascript:window.external.addFavorite('http://blog.csdn.net/haagena','枯草的河畔女人')>加入收藏</a>←&nbsp;&nbsp;&nbsp; <a href=http://blog.csdn.net/haagena/archive/2004/11/01/161592.aspx>給我留言←</a> </font></div>
由於層的繼承性，這個層將繼承左邊leftmunu的屬性。而leftmenu的屬性是一旦有鏈接出現，就必須換行。
原來的css是這樣的：
=======================
#leftmenu a:active,
#leftmenu a:visited,
#leftmenu a:link {
 display : block;           <------就是他搞得
 color : #000;
 text-decoration : none; 
 margin-right : 0px;
 padding : 2px;
}

#leftmenu a:hover {
 background-color : #CCD5E0;
}
====================
這樣造成效果會是類似：
aaaaa
bbbbb
ccccc
ddddd
eeeee
而我們需要的是aaaaaa bbbbbb cccccc dddddd eeeeeeee。
爲了逃避這個繼承，只能自立門戶，自己創建一個樣式： header（上面的代碼中已經提到了：<div id="header" ）。
在定制CSS选择器中加入以下代碼：

#header a:active, #header a:visited, #header a:link { display : inline; color : #8899cc; text-decoration : none; margin-right : 0px; padding : 2px; } #header a:hover { background-color : #000012; text-decoration: blink; color: #ffeeee; }
這樣得到的導航條並不一定在你想要的位置。調整他，修改div標簽中的style，top和left。
這樣就完成了導航條的製作。至於鼠標移到“文章分類”出現下拉框，再另外介紹=_=