很多淘寶賣(mài)家們?cè)谙螺d了淘寶專(zhuān)業(yè)版模板之后，往往不滿足于模板的色彩搭配，尤其是導(dǎo)航條的色彩，于是想修改導(dǎo)航條的顏色，那么如何修改呢，這里要用到一些代碼。

　　今天我們給大家提供一款導(dǎo)航條色彩css,操作方法呢也很簡(jiǎn)單。大家只要對(duì)其中的#之后的顏色或者background后面的背景圖片進(jìn)行改變就行了。

　　導(dǎo)航條色彩css代碼（復(fù)制下面代碼即可）：

　　 .skin-box-bd .menu-list{background: none repeat

　　scroll 0 0 #f86c4c}

　　.skin-box-bd .menu-list .link{background: none repeat scroll 0 0

　　#f86c4c}

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

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

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

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

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

　　.skin-box-bd{height:35px;background:url

　　0;}.skin-box-bd a{color:#FFFFFF;font-family:微軟雅黑;font-

　　size:14px;font-weight:normal;}.skin-box-bd .menu

　　{background:none;line-height:35px;}.skin-box-bd .menu-list

　　{height:35px;}.skin-box-bd .menu-list .link .title

　　{margin:0px;}.skin-box-bd .menu-list .link

　　{background:none;height:35px;line-height:35px;padding:0

　　20px;}.skin-box-bd .menu-list .menu{padding-right:0px;}.skin-box-bd

　　.menu-list .menu a{background:url

　　.jpg) no-repeat right center;font-family:微軟雅黑;font-

　　weight:normal;}.skin-box-bd .menu-list .menu a:hover{background:url

　　center;cursor:pointer;}.skin-box-bd .menu-list .menu a span{font-

　　size:15px;color:#000;}.skin-box-bd .all-cats .link

　　{background:none;line-height:35px;padding:0

　　10px;width:168px;}.skin-box-bd .all-cats .link{background:url

　　center;border:none;color:#FFF;font-family:微軟雅黑;font-

　　size:15px;font-weight:normal;height:35px;line-height:35px;}.skin-

　　box-bd .all-cats .link .title{font-size:15px;margin-

　　left:10px;}.skin-box-bd .all-cats .link .popup-icon

　　{display:none;}.skin-box-bd .popup-content

　　{background:#F68B8B;border:none;}.skin-box-bd .popup-content .cats-

　　tree .snd-pop-inner{background:#65B6A4;}.skin-box-bd .popup-content

　　.cats-tree .cat-hd:hover,.skin-box-bd .popup-content .cats-tree

　　.cat-hd-hover{background:#86CABB;}.skin-box-bd .popup-content

　　.cats-tree .snd-cat-hd:hover,.skin-box-bd .popup-content .cats-tree

　　.snd-cat-hd-hover{background:#D90724;}.skin-box-bd .popup-content

　　.cats-tree .has-children{background:none;}.skin-box-bd .popup-

　　content .cats-tree .fst-cat-icon{background:none;}.skin-box-bd

　　.popup-content .cats-tree .snd-cat-icon{background:none;}.skin-box-

　　bd .menu-list .link .popup-icon{display:none;}.skin-box-bd .menu-

　　popup-cats .sub-cat-hover{background:#86CABB;}

　　將上面的代碼全選后，復(fù)制，然后打開(kāi)店鋪裝修，點(diǎn)擊到導(dǎo)航條，選擇編輯。

　　在出現(xiàn)的導(dǎo)航代碼編輯框中，選擇“顯示設(shè)置”，如圖所示：

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

　　將代碼黏貼到編輯框中，選擇確定。

　　然后保存就可以看到效果了。

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

　　如果你對(duì)這個(gè)色彩不滿意，可以對(duì)代碼中的 background及其#后面的顏色進(jìn)行修改。

樂(lè)發(fā)網(wǎng)超市批發(fā)網(wǎng)提供超市貨源信息,超市采購(gòu)進(jìn)貨渠道。超市進(jìn)貨網(wǎng)提供成都食品批發(fā),日用百貨批發(fā)信息、微信淘寶網(wǎng)店超市采購(gòu)信息和超市加盟信息.打造國(guó)內(nèi)超市采購(gòu)商與批發(fā)市場(chǎng)供應(yīng)廠商搭建網(wǎng)上批發(fā)市場(chǎng)平臺(tái),是全國(guó)批發(fā)市場(chǎng)行業(yè)中電子商務(wù)權(quán)威性網(wǎng)站。

本文內(nèi)容整合網(wǎng)站：百度百科、知乎、淘寶平臺(tái)規(guī)則

本文來(lái)源： 轉(zhuǎn)換淘寶導(dǎo)航條顏色教程