1.如何把淘寶店的導(dǎo)航欄改成透明的并且下一級菜單是半透明的,字體

因為不同的模板對導(dǎo)航欄的設(shè)置不一樣，所以，最好就是根據(jù)具體的情況針對性的編寫CSS代碼。

不過，你可以先試試以下的代碼（將以下代碼放入導(dǎo)航欄的“顯示設(shè)置”中）： .skin-box-bd{background:none;background:TRANSPARENT;border:none;} .skin-box-bd li{vertical-align:middle;} .skin-box-bd .popup-content{background:none;} .skin-box-bd .popup-content .popup-inner .cats-tree{background:none;} .skin-box-bd .popup-content .popup-inner .cats-tree .fst-cat .snd-pop .snd-pop-inner ul{background:none;padding:0;} .skin-box-bd .popup-content .popup-inner .cats-tree .fst-cat .snd-pop .snd-pop-inner .snd-cat{background:none;_float:left;} .skin-box-bd .menu-list{background:none;background:TRANSPARENT;} .skin-box-bd .menu-list .menu{background:none;background:TRANSPARENT;border:none;_float:left;} .skin-box-bd .menu-list .menu .link{background:none;background:TRANSPARENT;border:none;border-right:1px solid #FFFFFF;} .all-cats{background:none;background:TRANSPARENT;} .all-cats .link{background:none;background:TRANSPARENT;border:none;} .all-cats .link:hover{background:none;background:TRANSPARENT;} .all-cats .link .title{color:#FFFFFF;border:none;} .all-cats .link .title:hover{color:#FFFFFF;} .skin-box-bd .menu-list .menu .link:hover{background:none;background:TRANSPARENT;} .skin-box-bd .menu-list .menu .link .title{background:none;color:#FFFFFF;font-weight:bold;} .skin-box-bd .menu-list .menu .link .title:hover{color:#FFFFFF;} .popup-content{border:none;padding:0px;margin:0px;background:#000000;} .popup-content .popup-inner{border:none;padding:0px;margin:0px;background:#000000;} .popup-inner .cats-tree .fst-cat{background:#000000;border:none;border-top:solid 1px TRANSPARENT;} .popup-inner .cats-tree .fst-cat:hover{background:none;background:#000000;} .popup-inner .cats-tree .fst-cat .cat-hd .fst-cat-name{color:#FFFFFF;} .popup-inner .cats-tree .fst-cat:hover .cat-hd .fst-cat-name{color:#FFFFFF;} .popup-inner .cats-tree .fst-cat .cat-hd .fst-cat-name:hover{color:#FFFFFF;background:#000000;} .popup-content .menu-popup-cats .sub-cat{background:#000000;} .popup-content .menu-popup-cats .sub-cat .cat-name{color:#FFFFFF;background:#000000;} .popup-content .menu-popup-cats .sub-cat .cat-name:hover{color:#FFFFFF;background:#000000;} .snd-pop-inner{height:auto;padding:0px;margin:0px;background:none;} .snd-pop-inner .fst-cat-bd .snd-cat-hd{background:none;background:#000000;} .snd-pop-inner .fst-cat-bd .snd-cat-name{color:#FFFFFF;} .snd-pop-inner .fst-cat-bd .snd-cat-name:hover{color:#FFFFFF;background:none;background:#000000;}.skin-box-bd .popup-content {opacity:0.7;filter:progid:DXImageTransform.Microsoft.Alpha(opacity=70)；}關(guān)于導(dǎo)航欄顏色的css代碼，你可以搜索“淘哥毛弟助手”，里面有導(dǎo)航欄顏色的CSS代碼生成工具。以上代碼除了最后一句關(guān)于下拉菜單半透明的是我手動添加上去的，其余設(shè)置顏色方面的代碼都是工具生成的，對于對CSS不怎么了解的朋友，應(yīng)該還是挺有幫助的。

希望我的回答能夠幫到你。

2.淘寶店鋪導(dǎo)航條字體怎么設(shè)置（css）

字體css。。。具體淘寶導(dǎo)航的css我沒設(shè)置過，你可以看看是不是標(biāo)準(zhǔn)css。

字體的css樣式：

font-family："微軟雅黑"，"宋體"，serif;

解釋下：這個設(shè)置的意思是，優(yōu)先微軟雅黑，如果沒有微軟雅黑就用宋體，如果兩個都沒有就用serif類字體。

百度了一下，淘寶用的好像是特殊的css。

你可以參考：

3.一個色字導(dǎo)航

* 導(dǎo)航條背景色*/ 。

skin-box-bd 。menu-list{background: none repeat scroll 0 0 #00ad08；} /*首頁/店鋪動態(tài)背景色*/ 。

skin-box-bd 。menu-list 。

link{background: none repeat scroll 0 0 #00ad08；} /*首頁/店鋪動態(tài)右邊線*/ 。skin-box-bd 。

menu-list 。menu{border-right:1px #006205 solid；} /*首頁/店鋪動態(tài)文字顏色*/ 。

skin-box-bd 。menu-list 。

menu 。title{color:#ff0000} /*所有分類背景色*/ 。

all-cats 。link{background: none repeat scroll 0 0 #00ad08；} /*所有分類右邊線*/ 。

all-cats 。link{border-right:1px #006205 solid；} /*所有分類文字顏色*/ 。

skin-box-bd 。all-cats 。

title{color:#ff0000}。

4.淘寶店鋪裝修導(dǎo)航條已經(jīng)修改好顏色了,那其它分欄條怎么自定義顏色

新建一個自定義模板

自己寫代碼就可以了把你2處位置的那塊代碼復(fù)制進(jìn)自定義內(nèi)容區(qū)

然后換個背景圖或者背景顏色就Ok了

如何更改導(dǎo)航條顏色

導(dǎo)航條可以自己定義顏色的，但是需要使用到CSS代碼！

先編輯好代碼后，再直接安裝到店鋪導(dǎo)航條中的“顯示設(shè)置”中！

下面是導(dǎo)航條的顏色修改的代碼，你只需要修改紅色部分的代碼，紅色部分就是顯示的顏色：

/* 導(dǎo)航條背景色*/

.skin-box-bd .menu-list{background: none repeat scroll 0 0 #00ad08;}

/*首頁/店鋪動態(tài)背景色*/

.skin-box-bd .menu-list .link{background: none repeat scroll 0 0 #00ad08;}

/*首頁/店鋪動態(tài)右邊線*/

.skin-box-bd .menu-list .menu{border-right:1px #006205 solid;}

/*首頁/店鋪動態(tài)文字顏色*/

.skin-box-bd .menu-list .menu .title{color:#ff0000}

/*所有分類背景色*/

.all-cats .link{background: none repeat scroll 0 0 #00ad08;}

/*所有分類右邊線*/

.all-cats .link{border-right:1px #006205 solid;}

/*所有分類文字顏色*/

.skin-box-bd .all-cats .title{color:#ff0000}