淘寶旺鋪】導航CSS代碼使用修改技巧

1、.淘寶旺鋪】導航CSS代碼使用修改技巧1. 修改導航分類下面的背景色，代碼如下：.skin-box-bd .linkbackground: #000000 ; 修改導航分類下面的圖片，代碼如下：.skin-box-bd .linkbackground:url(圖片鏈接 );2. 修改整個導航的背景色.skin-box-bd .menu-listbackground: #000000 ; 修改整個導航背景為圖片.skin-box-bd .menu-listbackground:url(圖片鏈接 );3. 修改最右邊留下的一小塊， 2 里提到的，代碼如下：.skin-box-bdbackgroun

2、d:#000000 ;修改成圖片的代碼如下：.skin-box-bdbackground:url(圖片鏈接 );4. 字外加色：.skin-box-bd .menu-list .menu-selected .linkbackground: #000000 ;.5. 字里加色：.skin-box-bd .menu-list .menu-selected .link .titlebackground: #000000 ;字外+字里= 全部！-1. 導航背景色代碼（除去“所有分類”）如下：.menu-list .linkbackground:#000000 ;2. 導航欄文字（除去“所有分類”）如下

3、 ：.menu-list .menu .titlecolor:# 顏色代碼 ;font-size: 字號 px;3. “所有分類”的背景色代碼如下：.all-cats .linkbackground:#000000 ;4. “所有分類”的文字代碼如下：.all-cats .link .titlecolor:# 顏色代碼 ;font-size: 字號px;最新代碼，解決字體改大后導航右側(cè)消失的情況！.代碼如下：.all-cats .link .titlefont-size: 字號px;.all-cats .link background :#3BAFFF;margin:0;padding:0px

4、 3px;字號最大為 21，繼續(xù)變大右側(cè)導航將消失！該代碼還不是很完善，我們會繼續(xù)研究！5. 二級分類文字代碼如下：.popup-content .cats-tree .fst-cat .cat-namefont-size:字號 px;color: # 顏色代碼;font-weight:bold/bolder/normal;6. 二級分類背景代碼如下：.popup-contentbackground:#000000 ;7. 三級分類文字代碼（除去“所有寶貝”分類）如下.popup-content .cats-tree .snd-pop-innerfont-size:字號px;color :#

5、顏色代碼 ;font-weight:bold/bolder/normal;8. 三級分類文字代碼（包括“所有寶貝”分類字體大?。┻@樣就無法改變字體顏色，我們會繼續(xù)完善該代碼！如下.popup-content.cats-tree.snd-pop-innerfont-size:字號 px;color: #顏色 ;9. 三級分類背景代碼：.popup-content .cats-tree .snd-pop-innerbackground:#000000 ;10. 一級導航分類（除去“所有寶貝”分類）分隔線顏色代碼如下：.menu-list .menuborder-color:#000000 ;11.

6、 一級導航“所有寶貝”分類分隔線顏色代碼如下：.all-cats .linkborder-color:#000000 ;12. 一級導航分類的寬度修改代碼如下：.menu-list .menubackground:# 顏色;margin:0;padding:0px 增加的寬度 px;13. 鼠標滑過一級分類導航文字變換背景色代碼如下：.menu-list .menu-hover .linkbackground:#000000 ;14. 鼠標滑過一級分類導航文字變換顏色代碼如下：.menu-list .menu-hover .link .titlecolor:#FFFFFF;15. 鼠標滑過二級

7、分類導航文字變換背景色代碼如下：.popup-content .cats-tree .cat-hd-hoverbackground:#000000 ;16. 鼠標滑過二級分類導航文字變換顏色代碼如下：.skin-box-bd .popup-content .cats-tree .cat-hd-hover.cat-namecolor:#ff0000 ;17. 鼠標滑過三級分類導航文字變換背景色代碼如下：.popup-content .cats-tree .snd-cat-hd-hoverbackgro und: #000000 ;18. 二級分類上加空間代碼如下：.popup-content .

8、cats-treemargin:0 050px 0;19. 修改“所有寶貝”右邊小圖標代碼如下：.all-cats .link .popup-iconbackground:url(圖片連接);.20. 修改二級分類右側(cè)圖標代碼如下（有三級分類才會顯示）：.popup-content .cats-tree .fst-cat-iconbackground:url(圖片連接 );22. 在三級分類前加上小塊白色代碼如下：.popup-content .cats-tree .snd-cat-icondisplay:block;height: 3px;width: 3px;四、最后還有一個發(fā)布不顯示效果的解決方法！導航修改好代碼之后， 預覽有效果， 但是發(fā)布之后還是顯示原來的效果，