快趣吧淘寶導(dǎo)航css代碼生成器1.1.11.11 綠色版

快趣吧淘寶導(dǎo)航css代碼生成器就是現(xiàn)在操作十分的簡單的導(dǎo)航css代碼生成工具。不但能調(diào)導(dǎo)航條的文字顏色，而且還擁有顏色提取器，從而更快速的生成所需要的代碼！

快趣吧淘寶導(dǎo)航css代碼生成器怎么用

導(dǎo)航欄CSS代碼使用教程

第一部分、靜態(tài)背景顏色

1、首頁/店鋪動態(tài)/其它導(dǎo)航類目的背景色，這里設(shè)為紅色

.skin-box-bd .menu-list .link{background:red;}

2、所有分類的背景色（最左邊的），一樣設(shè)為紅色

.all-cats .link{background:red;}

到這里，發(fā)覺右邊的顏色還沒有變呢，好的，接著下一步

3、導(dǎo)航條整個分類段背景色，還是要設(shè)為紅色，整體布局好看些

.skin-box-bd .menu-list{background:red;}

注意觀察，最右邊還有一絲地方?jīng)]有變

4、導(dǎo)航條背景色（是最底層了吧），修補導(dǎo)航右側(cè)缺口，再設(shè)為紅色

.skin-box-bd{background:red;}

小結(jié)：有點成功感了！換換其它顏色試試看吧

背景色最好搭配頁頭背景圖，才能整體大氣美觀

 第二部分、分隔線、靜態(tài)文字的顏色

5、首頁等分類的右邊的分隔線顏色，設(shè)為白色

.menu-list .menu{border-color:white;}

6、所有分類的右邊的分隔線顏色，設(shè)為白色

.all-cats .link{border-color:white;}

7、首頁/店鋪動態(tài)/其它導(dǎo)航類目的文字顏色

.menu-list .menu .title{color:yellow;}

8、所有分類的文字顏色（最左邊那個）,

.all-cats .link .title{color:yellow;}

小結(jié)：其實原來默認文字的顏色也挺好的

 第三部分、分類下的顏色

9、二級分類的背景色，設(shè)為灰色

.popup-content{background:gray;}

10、三級分類的背景色，我設(shè)為深灰色

.popup-content .cats-tree .snd-pop-inner{background:#504f4f;}

11、二級分類的文字顏色，設(shè)為黃色

.popup-content .cat-name{color:yellow;}

12、三級分類的文字顏色。（如果后面要鼠標滑過變色<21.22>，這句要寫）

.popup-content .cats-tree .snd-pop-inner .cat-name{color:yellow;}

 小結(jié)：上面這句不寫，和二級分類顏色是一樣的

 第四部分、鼠標滑過變背景色

13、鼠標滑過首頁/店鋪動態(tài)/其它導(dǎo)航類目變換背景色，這設(shè)為藍色

.menu-list .menu-hover .link{background:blue;}

14、鼠標滑過所有分類（最左邊那個）變換背景色，這同樣設(shè)為藍色

.all-cats-hover .link{background:blue;}

15、鼠標滑過所有分類下的二級分類變換背景色，這設(shè)為藍色

.popup-content .cats-tree .cat-hd-hover{background:blue;}

16、鼠標滑過所有分類下的三級分類變換背景色，這設(shè)為深藍色

.popup-content .cats-tree .snd-cat-hd-hover{background:#160595;}

17、鼠標滑過導(dǎo)航類目下的寶貝分類變換背景色，這設(shè)為藍色

.menu-popup-cats .sub-cat-hover{background:blue;}

 小結(jié)：這個所有分類，與首頁后面的，是要分開設(shè)計的

 第五部分、鼠標滑過變文字顏色

18、鼠標滑過首頁/店鋪動態(tài)/其它導(dǎo)航類目變換文字顏色，這設(shè)為紅色

.menu-list .menu-hover .title{color:red;}

19、鼠標滑過所有分類（最左邊那個）變換文字顏色，這同樣設(shè)為紅色

.all-cats-hover .link .title{color:red;}

20、鼠標滑過導(dǎo)航類目下的寶貝分類變換文字顏色，這設(shè)為紅色

.menu-popup-cats .sub-cat-hover .cat-name{color:red;}

21、鼠標滑過所有分類下的二級分類變換文字顏色，這設(shè)為紅色

 .popup-content .cat-hd-hover .cat-name{color:red;}

22、鼠標滑過所有分類下的三級分類變換文字顏色，這設(shè)為紅色

 .popup-content .cats-tree .snd-cat-hd-hover .cat-name{color:red;}

小結(jié)：這部分還是默認白色的好看

第六部分、導(dǎo)航項目激活狀態(tài)

23、激活項目的文字背景色（難看，所以none）、文字顏色（選白色）

.skin-box-bd .menu-list .menu-selected .link .title{background:none;color:white;}

24、激活項目的項目背景色（項目框），選紫色

.skin-box-bd .menu-list .menu-selected .link{background:purple;}

 小結(jié)：最多人忽視這部分，其實也是很多人想知道的

2、這樣就可以生成代碼

快趣吧淘寶導(dǎo)航css代碼生成器功能

1、快趣吧淘寶CSS裝修代碼生成器由快趣吧淘寶店鋪裝修論壇開發(fā)，并免費提供給淘寶店家。

2、本軟件適用于淘寶店鋪裝修之導(dǎo)航條的css代碼生成。

3、七彩生活，由你做主。本軟件可完美自定義設(shè)計，小到一條線的色彩，讓您不再受制于淘寶限制。

4、即使預(yù)覽功能，完全模塊化、自動化�？稍O(shè)置任意色彩，且所見既所得，可即時預(yù)覽修改任何地方的效果。