如何設(shè)置店鋪導(dǎo)航條顏色

　　現(xiàn)在有很多人注冊(cè)成為了淘寶網(wǎng)的店家，然而裝修的問(wèn)題讓這些新手店主十分頭疼。在裝修過(guò)程中該如何設(shè)置店鋪的導(dǎo)航條顏色呢。下面讓大家好好學(xué)習(xí)一下設(shè)置的方法。

　　導(dǎo)航條的作用：

　　導(dǎo)航條是網(wǎng)頁(yè)設(shè)計(jì)中不可缺少的部分，它是指通過(guò)一定的技術(shù)手段，為網(wǎng)站的訪問(wèn)者提供一定的途徑，使其可以方便地訪問(wèn)到所需的內(nèi)容，是人們?yōu)g覽網(wǎng)站時(shí)可以快速?gòu)囊粋€(gè)頁(yè)面轉(zhuǎn)到另一個(gè)頁(yè)面的快速通道。利用導(dǎo)航條，我們就可以快速找到我們想要瀏覽的頁(yè)面。

　　導(dǎo)航條的目的是讓網(wǎng)站的層次結(jié)構(gòu)以一種有條理的方式清晰展示，并引導(dǎo)用戶毫不費(fèi)力地找到并管理信息，讓用戶在瀏覽網(wǎng)站過(guò)程中不至迷失。

　　設(shè)置導(dǎo)航條顏色的方法：

　　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è)置”是通過(guò)一些固定的代碼來(lái)實(shí)現(xiàn)設(shè)置的。在此我們?cè)O(shè)置一個(gè)導(dǎo)航條的導(dǎo)航條背景色為綠色，首頁(yè)/店鋪動(dòng)態(tài)背景色為白色，首頁(yè)/店鋪動(dòng)態(tài)右邊線為墨綠色，首頁(yè)/店鋪動(dòng)態(tài)文字顏色藍(lán)紫色，所有分類背景色牡丹紅，所有分類右邊線青銅色，所有分類文字顏色黃色。當(dāng)然這個(gè)搭配肯定不會(huì)美觀的，只是舉這么個(gè)例子。給位可以根據(jù)自己的喜好和美觀來(lái)搭配顏色。規(guī)定好顏色之后，就可以把以下代碼編輯到“顯示設(shè)置”的輸入框內(nèi)。點(diǎn)擊“確認(rèn)”即可完成設(shè)置。其中/* */內(nèi)的文字為注釋文字，不影響代碼內(nèi)容。

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

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

　　/*首頁(yè)/店鋪動(dòng)態(tài)背景色*/

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

　　/*首頁(yè)/店鋪動(dòng)態(tài)右邊線*/

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

　　/*首頁(yè)/店鋪動(dòng)態(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 藍(lán)顏色 #0000FF 5 牡丹紅 #FF00FF 6 青顏色 #00FFFF

　　7 黃顏色 #FFFF00 8 黑顏色 #000000 9 海顏藍(lán) #70DB93

　　10 巧克力色 #5C3317 11 藍(lán)紫色 #9F5F9F 12 黃銅色 #B5A642

　　13 亮金色 #D9D919 14 棕色 #A67D3D 15 青銅色 #8C7853

　　16 2號(hào)青銅色 #A67D3D 17 士官服藍(lán)色 #5F9F9F 18 冷銅色 #D98719

　　19 銅色 #B87333 20 珊瑚紅 #FF7F00 21 紫藍(lán)色 #42426F

　　22 深棕 #5C4033 23 深綠 #2F4F2F 24 深銅綠色 #4A766E

　　25 深橄欖綠 #4F4F2F 26 深蘭花色 #9932CD 27 深紫色 #871F78

　　28 深石板藍(lán) #6B238E 29 深鉛灰色 #2F4F4F 30 深棕褐色 #97694F

　　32 深綠松石色 #7093DB 33 暗木色 #855E42 34 淡灰色 #545454

　　35 土灰玫瑰紅色#856363 36 長(zhǎng)石色 #D19275 37 火磚色 #8E2323

　　38 森林綠 #238E23 39 金色 #CD7F32 40 鮮黃色 #DBDB70

　　41 灰色 #C0C0C0 42 銅綠色 #527F76 43 青黃色 #93DB70

　　44 獵人綠 #215E21 45 印度紅 #4E2F2F 46 土黃色 #9F9F5F

　　47 淺藍(lán)色 #C0D9D9 48 淺灰色 #A8A8A8 49 淺鋼藍(lán)色 #8F8FBD

　　59 淺木色 #E9C2A6 60 石灰綠色 #32CD32 61 桔黃色 #E47833

　　62 褐紅色 #8E236B 63 中海藍(lán)色 #32CD99 64 中藍(lán)色 #3232CD

　　65 中森林綠 #6B8E23 66 中鮮黃色 #EAEAAE 67 中蘭花色 #9370DB

　　68 中海綠色 #426F42 69 中石板藍(lán)色 #7F00FF 70 中春綠色 #7FFF00

　　71 中綠松石色 #70DBDB 72 中紫紅色 #DB7093 73 中木色 #A68064

　　74 深藏青色 #2F2F4F 75 海軍藍(lán) #23238E 76 霓虹籃 #4D4DFF

　　77 霓虹粉紅 #FF6EC7 78 新深藏青色 #00009C 79 新棕褐色 #EBC79E

　　80 暗金黃色 #CFB53B 81 橙色 #FF7F00 82 橙紅色 #FF2400

　　83 淡紫色 #DB70DB 84 淺綠色 #8FBC8F 85 粉紅色 #BC8F8F

　　86 李子色 #EAADEA 87 石英色 #D9D9F3 88 艷藍(lán)色 #5959AB

　　89 鮭魚(yú)色 #6F4242 90 猩紅色 #BC1717 91 海綠色 #238E68

　　92 半甜巧克力色#6B4226 93 赭色 #8E6B23 94 銀色 #E6E8FA

　　95 天藍(lán) #3299CC 96 石板藍(lán) #007FFF 97 艷粉紅色 #FF1CAE

　　98 春綠色 #00FF7F 99 鋼藍(lán)色 #236B8E 100 亮天藍(lán)色 #38B0DE

　　101 棕褐色 #DB9370 102 紫紅色 #D8BFD8 103 石板藍(lán)色 #ADEAEA

　　104 濃深棕色 #5C4033 105 淡淺灰色 #CDCDCD 106 紫羅蘭色 #4F2F4F

　　107 紫羅蘭紅色 #CC3299 108 麥黃色 #D8D8BF 109 黃綠色 #99CC

　　以上就是設(shè)置導(dǎo)航條顏色的方法了。