CSS 淘寶導航代碼集合（附使用技(jì)巧）

/* 導航條背景色*/
.skin-box-bd .menu-list{background: none repeat scroll 0 0 #00ad08;}
/*首頁/店(diàn)鋪動态背景色*/
.skin-box-bd .menu-list .link{background: none repeat scroll 0 0 #00ad08;}
/*首頁/店(diàn)鋪動态右邊線*/
.skin-box-bd .menu-list .menu{border-right:1px #006205 solid;}
/*首頁/店(diàn)鋪動态文字顔色*/
.skin-box-bd .menu-list .menu .title{color:#ff0000}
/*所有(yǒu)分類背景色*/
.all-cats .link{background: none repeat scroll 0 0 #00ad08;}
/*所有(yǒu)分類右邊線*/
.all-cats .link{border-right:1px #006205 solid;}
/*所有(yǒu)分類文字顔色*/
.skin-box-bd .all-cats .title{color:#ff0000}

1、所有(yǒu)分類背景，可(kě)以用圖片：
.skin-box-bd .link{background:url(圖片鏈接);}

2、修改整個(gè)導航的背景色背景：
.skin-box-bd .menu-list{background:#000000;}

3.修改最右邊留下的一小(xiǎo)塊：
.skin-box-bd{background:#000000;}
修改成圖片的代碼如下：
.skin-box-bd{background:url(圖片鏈接);}

4.字外：
.skin-box-bd .menu-list .menu-selected .link{background:#000000;}

5.字裏：
.skin-box-bd .menu-list .menu-selected .link .title{background:#000000;}
字外+字裏=全部！

1.導航背景色代碼（除去“所有(yǒu)分類”）如下：
.menu-list .link{background:#000000;}

2.導航欄文字（除去“所有(yǒu)分類”）如下：
.menu-list .menu .title{color:#顔色代碼;font-size:字号px;}

3.“所有(yǒu)分類”的背景色代碼如下：
.all-cats .link{background:#000000;}

4.“所有(yǒu)分類”的文字代碼如下：
.all-cats .link .title{color:#顔色代碼;font-size:字号px;}
最新代碼，解決字體(tǐ)改大(dà)後導航右側消失的情況！代碼如下：
.all-cats .link .title{font-size:字号px;}.all-cats .link {background:#3BAFFF;margin:0;padding:0px 3px;}

5.二級分類文字代碼如下：
.popup-content .cats-tree .fst-cat .cat-name{font-size:字号px;color:#顔色代碼;font-weight:bold/bolder/normal;}

6.二級分類背景代碼如下：
.popup-content{background:#000000;}

7.三級分類文字代碼（除去“所有(yǒu)寶貝”分類）如下
.popup-content .cats-tree .snd-pop-inner{font-size:字号px;color:#顔色代碼;font-weight:bold/bolder/normal;}

8.三級分類文字代碼（包括“所有(yǒu)寶貝”分類字體(tǐ)大(dà)小(xiǎo)）這樣就無法改變字體(tǐ)顔色，我們會(huì)繼續完善該代碼！如下
.popup-content .cats-tree .snd-pop-inner{font-size:字号px;color:#顔色;}

9.三級分類背景代碼：
.popup-content .cats-tree .snd-pop-inner{background:#000000;}

10.一級導航分類（除去“所有(yǒu)寶貝”分類）分隔線顔色代碼如下：
.menu-list .menu{border-color:#000000;}

11.一級導航“所有(yǒu)寶貝”分類分隔線顔色代碼如下：
.all-cats .link{border-color:#000000;}

12.一級導航分類的寬度修改代碼如下：
.menu-list .menu{background:#顔色;margin:0;padding:0px 增加的寬度px;}

13.鼠标滑過一級分類導航文字變換背景色代碼如下：
.menu-list .menu-hover .link{background:#000000;}

14.鼠标滑過一級分類導航文字變換顔色代碼如下：
.menu-list .menu-hover .link .title{color:#FFFFFF;}

15.鼠标滑過二級分類導航文字變換背景色代碼如下：
.popup-content .cats-tree .cat-hd-hover{background:#000000;}

16.鼠标滑過二級分類導航文字變換顔色代碼如下：
.skin-box-bd .popup-content .cats-tree .cat-hd-hover .cat-name{color:#ff0000;}

17.鼠标滑過三級分類導航文字變換背景色代碼如下：
.popup-content .cats-tree .snd-cat-hd-hover{background:#000000;}

18.二級分類上(shàng)加空(kōng)間(jiān)代碼如下：
.popup-content .cats-tree{margin:0 0 50px 0;}

19.修改“所有(yǒu)寶貝”右邊小(xiǎo)圖标代碼如下：
.all-cats .link .popup-icon{background:url(圖片連接);}

20.修改二級分類右側圖标代碼如下（有(yǒu)三級分類才會(huì)顯示）：
.popup-content .cats-tree .fst-cat-icon{background:url(圖片連接);}

22.在三級分類前加上(shàng)小(xiǎo)塊白色代碼如下：
.popup-content .cats-tree .snd-cat-icon{display:block;height:3px;width:3px;}