淘寶店鋪導(dǎo)航欄背景顏色如何設(shè)置？方法介紹

每一個(gè)店鋪都會(huì)有一個(gè)導(dǎo)航條，可以幫助買家更快更方便的找到自己想要的寶貝，那么在裝修導(dǎo)航條的時(shí)候，有賣家朋友想要改變顏色來搭配店鋪的整體風(fēng)格，但是又不知道怎么修改?

所以今天幕思城小編帶著解決方法來了!1、進(jìn)入賣家中心，點(diǎn)擊“店鋪裝修”，即可進(jìn)入裝修界面。

將鼠標(biāo)放置導(dǎo)航條位置，即可出現(xiàn)編輯按鈕，點(diǎn)擊“編輯”2、進(jìn)入編輯界面后，會(huì)出現(xiàn)兩個(gè)選項(xiàng)，“導(dǎo)航設(shè)置”和“顯示設(shè)置”，“導(dǎo)航設(shè)置”就是如下圖所示添加或刪除導(dǎo)航條的內(nèi)容，或者將某一項(xiàng)上移或下移。

在此重點(diǎn)講解一下“顯示設(shè)置”3、導(dǎo)航條的“顯示設(shè)置”是通過一些固定的代碼來實(shí)現(xiàn)設(shè)置的。

在此我們?cè)O(shè)置一個(gè)導(dǎo)航條的導(dǎo)航條背景色為綠色，首頁/店鋪動(dòng)態(tài)背景色為白色，首頁/店鋪動(dòng)態(tài)右邊線為墨綠色，首頁/店鋪動(dòng)態(tài)文字顏色藍(lán)紫色，所有分類背景色牡丹紅，所有分類右邊線青銅色，所有分類文字顏色黃色。

當(dāng)然這個(gè)搭配肯定不會(huì)美觀的，只是舉這么個(gè)例子。

給位可以根據(jù)自己的喜好和美觀來搭配顏色。

規(guī)定好顏色之后，就可以把以下代碼編輯到“顯示設(shè)置”的輸入框內(nèi)。

點(diǎn)擊“確認(rèn)”即可完成設(shè)置。

其中/* */內(nèi)的文字為注釋文字，不影響代碼內(nèi)容。

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

新建一個(gè)淘寶自定義模板自己寫代碼就可以了，把你2處位置的那塊代碼復(fù)制進(jìn)自定義內(nèi)容區(qū)，然后換個(gè)背景圖或者背景顏色就Ok了。

導(dǎo)航條可以自己定義顏色的，但是需要使用到CSS代碼!先編輯好代碼后，再直接安裝到店鋪導(dǎo)航條中的“顯示設(shè)置”中!下面是導(dǎo)航條的顏色修改的代碼，你只需要修改紅色部分的代碼，紅色部分就是顯示的顏色：/* 導(dǎo)航條背景色*/.skin-box-bd .menu-list{background: none repeat scroll 0 0 #00ad08;}/*首頁/店鋪動(dòng)態(tài)背景色*/.skin-box-bd .menu-list .link{background: none repeat scroll 0 0 #00ad08;}/*首頁/店鋪動(dòng)態(tài)右邊線*/.skin-box-bd .menu-list .menu{border-right:1px #006205 solid;}/*首頁/店鋪動(dòng)態(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}代碼可以直接復(fù)制，很方便，只需要修改成自己想要的顏色就可以~如果還是不能解決你的問題，可以直接留言咨詢，有大神會(huì)幫你解決!想要了解更多網(wǎng)店裝修相關(guān)的內(nèi)容，可以關(guān)注幕思城，好玩有趣的資訊在等著你哦。

相關(guān)推薦：旺鋪智能版全屏海報(bào)怎么做?

淘寶全屏店招怎么設(shè)置?

淘寶全屏店招設(shè)置教程淘寶全屏海報(bào)如何切片?

如何去掉銜接的空白間隙?

這個(gè)問題還有疑問的話，可以加幕.思.城火星老師免費(fèi)咨詢，微V.信X號(hào)是為: msc496。