快消品貨源批發(fā)市場
快消品貨源分銷平臺
 
 
當(dāng)前位置: 貨源批發(fā)網(wǎng) » 網(wǎng)商學(xué)院 » 網(wǎng)店裝修 » 淘寶店鋪裝修 » 淘寶商城網(wǎng)店要如何改變導(dǎo)航條顏色?

淘寶商城網(wǎng)店要如何改變導(dǎo)航條顏色?

放大字體  縮小字體 發(fā)布日期:2024-04-21 09:30:55  來源:電商聯(lián)盟  作者:樂發(fā)網(wǎng)  瀏覽次數(shù):25

很多淘寶賣家們在下載了淘寶專業(yè)版模板之后,往往不滿足于模板的色彩搭配,尤其是導(dǎo)航條的色彩,于是想修改導(dǎo)航條的顏色,那么如何修改呢,這里要用到一些代碼。

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

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

.skin-box-bd.menu-list{background:nonerepeat

scroll00#f86c4c}

.skin-box-bd.menu-list.link{background:nonerepeatscroll00

#f86c4c}

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

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

.all-cats.link{background:nonerepeatscroll00#f86c4c;}

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

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

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

(http://zx./shangchuan/20131016111822.jpg)no-repeat0

0;}.skin-box-bda{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.menua{background:url

(http://img.taobao.com/L1/142/404327582/assets/images/head/nav_li_bg

.jpg)no-repeatrightcenter;font-family:微軟雅黑;font-

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

(http://zx./shangchuan/20131016111827.png)no-repeat0

center;cursor:pointer;}.skin-box-bd.menu-list.menuaspan{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

(http://zx./shangchuan/20131016111827.png)no-repeat0

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ù)制,然后打開店鋪裝修,點(diǎn)擊到導(dǎo)航條,選擇編輯。

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

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

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

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

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

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

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

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

本文來源: 淘寶商城網(wǎng)店要如何改變導(dǎo)航條顏色?

分享與收藏:  網(wǎng)商學(xué)院搜索  告訴好友  關(guān)閉窗口  打印本文 本文關(guān)鍵字:
 
更多..資源下載
淘寶店鋪裝修圖文
淘寶裝修子賬號設(shè)置流程 淘寶店鋪裝修如何實(shí)現(xiàn)全屏輪播
7個步驟打造史上最牛詳情頁 淘寶店鋪,天貓店鋪背景固定的方法。
淘寶店鋪裝修網(wǎng)商學(xué)院推薦
淘寶店鋪裝修點(diǎn)擊排行
 
手機(jī)版 手機(jī)掃描訪問
亚洲一级av,黑白配精品在线视频,欧美亚洲综合网站,高清在线无码不卡69 www.sucaiwu.net