CSDN博客

img haagena

導航條的加入

发表于2004/11/1 11:38:00  774人阅读

我的皮是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。
這樣就完成了導航條的製作。至於鼠標移到“文章分類”出現下拉框,再另外介紹=_=
阅读全文
0 0

相关文章推荐

img
取 消
img