導航是店鋪不可或缺的部分,有條理的將產(chǎn)品分類展示,可以讓買家更加快捷找到自己所需要的商品,有一些賣家想要讓效果更加好,想要改變導航欄的顏色,所以今天開淘小編為大家準備了教程,趕緊去看看吧!
1、進入賣家中心,點擊“店鋪裝修”,即可進入裝修界面。將鼠標放置導航條位置,即可出現(xiàn)編輯按鈕,點擊“編輯”
2、進入編輯界面后,會出現(xiàn)兩個選項,“導航設(shè)置”和“顯示設(shè)置”,“導航設(shè)置”就是如下圖所示添加或刪除導航條的內(nèi)容,或者將某一項上移或下移。在此重點講解一下“顯示設(shè)置”
導航條的“顯示設(shè)置”是通過一些固定的淘寶店鋪裝修代碼來實現(xiàn)設(shè)置的。
在此我們設(shè)置一個導航條的導航條背景色為綠色,首頁/店鋪動態(tài)背景色為白色,首頁/店鋪動態(tài)右邊線為墨綠色,首頁/店鋪動態(tài)文字顏色藍紫色,所有分類背景色牡丹紅,所有分類右邊線青銅色,所有分類文字顏色黃色。當然這個搭配肯定不會美觀的,只是舉這么個例子。
可以根據(jù)自己的喜好和美觀來搭配顏色。規(guī)定好顏色之后,就可以把以下代碼編輯到“顯示設(shè)置”的輸入框內(nèi)。點擊“確認”即可完成設(shè)置。其中/* */內(nèi)的文字為注釋文字,不影響代碼內(nèi)容。
/* 導航條背景色*/
.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 #FFFFFF;}
/*首頁/店鋪動態(tài)右邊線*/
.skin-box-bd .menu-list .menu{border-right:1px #006205 solid;}
/*首頁/店鋪動態(tài)文字顏色*/
.skin-box-bd .menu-list .menu .title{color: #9F5F9F}
/*所有分類背景色*/
.all-cats .link{background: none repeat scroll 0 0 #FF00FF;}
/*所有分類右邊線*/
.all-cats .link{border-right:1px #8C7853 solid;}
/*所有分類文字顏色*/
.skin-box-bd .all-cats .title{color: #FFFF00}
附:顏色代碼
1 白顏色 #FFFFFF 2 紅顏色 #FF0000 3 綠顏色 #00FF00
4 藍顏色 #0000FF 5 牡丹紅 #FF00FF 6 青顏色 #00FFFF
7 黃顏色 #FFFF00 8 黑顏色 #000000 9 海顏藍 #70DB93
10 巧克力色 #5C3317 11 藍紫色 #9F5F9F 12 黃銅色 #B5A642
13 亮金色 #D9D919 14 棕色 #A67D3D 15 青銅色 #8C7853
16 2號青銅色 #A67D3D 17 士官服藍色 #5F9F9F 18 冷銅色 #D98719
19 銅色 #B87333 20 珊瑚紅 #FF7F00 21 紫藍色 #42426F
更改導航欄顏色的教程就介紹到這里啦!大家可以選擇自己喜歡的顏色哦!希望大家最后可以有一個好的裝修效果哦!還想要獲取更多好玩有趣的資訊,請大家關(guān)注開淘網(wǎng),多來看一看~
相關(guān)推薦:
查看更多相似文章