我的皮是anothereon001(皮不一樣導航條的位置不一樣哦= =|)
正好在 顯示“post- 8, comments - 5, trackbacks - 0”的左邊有一長條的黑色空白。
絕佳的導航條位置!!!
利用的還是層,層是可以在頁面任意位置逍遙的哈哈。
代碼如下:
由於層的繼承性,這個層將繼承左邊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选择器中加入以下代碼:
這樣得到的導航條並不一定在你想要的位置。調整他,修改div標簽中的style,top和left。
這樣就完成了導航條的製作。至於鼠標移到“文章分類”出現下拉框,再另外介紹=_=