當前位置:旅游攻略大全網 - 装修公司 - 誰有漂亮的淘寶導航風格的css代碼?

誰有漂亮的淘寶導航風格的css代碼?

1.修改導航分類下的背景顏色,代碼如下:

。皮膚盒bd。鏈接{背景:# 000000;}

修改導航分類下面的圖片,代碼如下:

。skin-box-BD . link { background:URL(圖片鏈接);}

2.修改整個導航的背景顏色。

。皮膚盒bd。菜單列表{背景:# 000000;}

將整個導航背景修改為圖片。

。skin-box-BD . menu-list { background:URL(圖片鏈接);}

3.修改最右邊左邊的壹小塊,如2中所述,代碼如下:

。skin-box-BD {背景:# 000000;}

將其修改成圖片的代碼如下:

。skin-box-bd{background:url(圖片鏈接);}

4.帶顏色的單詞:

。皮膚盒bd。菜單列表。菜單-已選擇。鏈接{背景:# 000000;}

5.給單詞添加顏色:

。皮膚盒bd。菜單列表。菜單-已選擇。鏈接。標題{背景:# 000000;}

字外+字內=全部!

-

1.導航背景顏色代碼(不包括“所有類別”)如下:

。菜單列表。鏈接{背景:# 000000;}

2.導航欄的文本(“所有類別”除外)如下:

。菜單列表。菜單。title { color:# color code;Font-size:字體大小px;}

3.“所有類別”的背景顏色代碼如下:

。全是貓。鏈接{背景:# 000000;}

4.“所有類別”的文本代碼如下:

。全是貓。鏈接。title { color:# color code;Font-size:字體大小px;}

最新代碼,解決了換字體後導航右側消失的情況!

代碼如下:

。全是貓。鏈接。title { font-size:font size px;}.全是貓。鏈接{背景:# 3BAFFF邊距:0;填充:0px 3px}

最大字體大小為21。如果繼續放大,右邊的導航會消失!代碼還不完善,我們會繼續研究!

5.二級分類文本代碼如下:

。popup-content . cats-tree . FST-cat . cat-name { font-size:font size px;顏色:#色碼;font-weight:粗體/加粗/正常;}

6.二級分類背景代碼如下:

。彈出內容{背景:# 000000;}

7.三級分類文本代碼(不包括“所有珍寶”分類)如下

。popup-content . cats-tree . snd-pop-inner { font-size:font size px;顏色:#色碼;font-weight:粗體/加粗/正常;}

8.三級分類文本代碼(包括“所有寶貝”分類的字號)不能改變字體顏色,我們會繼續完善代碼!如下

。popup-content . cats-tree . snd-pop-inner { font-size:font size px;顏色:#顏色;}

9.三級分類背景碼:

。彈出內容。貓樹。snd-pop-inner { background:# 000000;}

10.壹級導航分類(除“所有寶藏”分類外)分隔線顏色代碼如下:

。菜單列表。菜單{ border-color:# 000000;}

11.壹級導航的“所有寶貝”分類分隔線顏色代碼如下:

。全是貓。link { border-color:# 000000;}

12.修改壹級導航分類寬度的代碼如下:

。菜單列表。菜單{背景:# color邊距:0;填充:0px增加寬度px;}

13.將鼠標懸停在壹級分類導航文本上,以更改背景顏色代碼,如下所示:

。菜單列表。菜單-懸停。鏈接{背景:# 000000;}

14.將鼠標懸停在壹級分類導航文本上,以更改顏色代碼,如下所示:

。菜單列表。菜單-懸停。鏈接。title { color:# FFFFFF;}

15.將鼠標懸停在二級分類導航文本上,以更改背景顏色代碼,如下所示:

。彈出內容。貓樹。cat-HD-hover {背景:# 000000;}

16.將鼠標放在二級分類導航文本上,按如下方式更改顏色代碼:

。皮膚盒bd。彈出內容。貓樹。貓-高清-盤旋。貓名{ color:# ff 0000;}

17.將鼠標懸停在三級分類導航文本上,以更改背景顏色代碼,如下所示:

。彈出內容。貓樹。snd-cat-HD-hover {背景:# 000000;}

18.將空間代碼添加到二級分類中,如下所示:

。彈出內容。cats-tree { margin:0 0 50px 0;}

19.修改“所有嬰兒”右邊小圖標的代碼如下:

。all-cats . link . popup-icon { background:URL(圖片連接);}

20.將二級分類右側的圖標代碼修改如下(只有存在三級分類時才會顯示):

。popup-content . cats-tree . FST-cat-icon { background:URL(圖片連接);}

22.在三級分類之前添加壹小段白色代碼,如下所示:

。彈出內容。貓樹。snd-cat-icon { display:block;高度:3px寬度:3px}

23.激活項目的文本背景色(難看,所以沒有)和文本顏色(白色)。

。皮膚盒bd。菜單列表。菜單-已選擇。鏈接。標題{背景:無;顏色:白色;}

24、激活項目背景色(項目框),選擇紫色。

。皮膚盒bd。菜單列表。菜單-已選擇。鏈接{背景:紫色;}

補充內容

-

隱藏導航,所有類別的導航:。全貓{ display:block;溢出:隱藏;寬度:0;高度:0;}

這將在所有分類更改後隱藏。但是,如果您的導航欄使用其他顏色,它將與原始模板顏色不同。然後可以加壹行:。skin-box-BD {寬度:200px}

我希望我能約束妳。