淘寶美工：淘寶店鋪導航顏色裝修代碼有哪些
淘寶首頁想要裝修的標致，需要用到一些代碼，此刻可以借住一些在線代碼建造的網站，也可以本身用DW寫代碼。下面給大師介紹導航裝修的簡單的代碼。
東西/原料
- 電腦
- 淘寶
- Macromedia Dreamweaver 8（簡稱DW）
點竄導航布景色
- 1
靜態布景顏色
代碼：.skin-box-bd .menu-list .link{background:white;}
用來設置【首頁 】等其它導航類目中的布景色。顏色代碼可以用英文單詞暗示，如white（白），也可以用十六進制暗示，如白色為#ffffff等暗示。別的布景色也可用圖片，代碼為｛background:url(圖片地址）;}。
在默認的導航條中最左邊的一項為【 所有分類】的布景色
代碼：.all-cats .link{background:red;}
導航條整個分類段布景色
代碼：.skin-box-bd .menu-list{background:white;}
【導航條布景色】修補導航右側缺口（分類不多時，右側可能會空著時的缺口）
代碼：.skin-box-bd{background:red;}
我這個顏色用的很丑，本家兒如果為了好區分，哈哈。
點竄朋分線顏色
- 1
【所有分類】的右邊的分隔線顏色
代碼：.all-cats .link{border-color:black;}
“首頁”等分類右邊的分隔線顏色
代碼：.menu-list .menu{border-color:black;}
點竄文字顏色
- 1
【首頁】等其它導航類目標文字顏色
代碼：.menu-list .menu .title{color:yellow;}
【所有分類】的文字顏色
代碼：.all-cats .link .title{color:yellow;}
【二級分類】的布景色
代碼：.popup-content{background:gray;}
【三級分類】的布景色
代碼：.popup-content .cats-tree .snd-pop-inner{background:#504f4f;}
【二級分類】的文字顏色
代碼：.popup-content .cat-name{color:yellow;}
【三級分類】的文字顏色。
代碼：.popup-content .cats-tree .snd-pop-inner .cat-name{color:yellow;}
（若是不寫這句代碼，那三級分類和二級分類顏色是一樣的。）
點竄鼠標滑過變布景色
- 1
鼠標滑過【首頁】等其它導航類目變換布景色
代碼：.menu-list .menu-hover .link{background:green;}
鼠標滑過【所有分類】變換布景色
代碼：.all-cats-hover .link{background:green;}
鼠標滑過【所有分類下的二級分類】變換布景色
代碼：.popup-content .cats-tree .cat-hd-hover{background:green;}
鼠標滑過【所有分類下的三級分類】變換布景色
代碼：.popup-content .cats-tree .snd-cat-hd-hover{background:green;}
鼠標滑過【導航類面前目今的寶物分類】變換布景色
代碼：.menu-popup-cats .sub-cat-hover{background:green;}
鼠標滑過變文字顏色
- 1
鼠標滑過【首頁】等其它導航類目變換文字顏色
代碼：.menu-list .menu-hover .title{color:blue;}
鼠標滑過【所有分類】變換文字顏色
代碼：.all-cats-hover .link .title{color:blue;}
鼠標滑過【導航類面前目今的寶物分類】變換文字顏色
代碼：.menu-popup-cats .sub-cat-hover .cat-name{color:blue;}
鼠標滑過【所有分類下的二級分類】變換文字顏色
代碼：.popup-content .cat-hd-hover .cat-name{color:blue;}
鼠標滑過【所有分類下的三級分類】變換文字顏色
代碼：.popup-content .cats-tree .snd-cat-hd-hover .cat-name{color:blue;}
注重事項
- 運用代碼時可以直接復制本文，但記得為了使代碼沒有問題，復制后請把文字內容刪除，只留下代碼就行了。
- 發表于 2018-04-19 00:00
- 閱讀 ( 1058 )
- 分類：其他類型
0 篇文章
作家榜 ?
-
xiaonan123
189 文章
-
湯依妹兒
97 文章
-
luogf229
46 文章
-
jy02406749
45 文章
-
小凡
34 文章
-
Daisy萌
32 文章
-
我的QQ3117863681
24 文章
-
華志健
23 文章