新手開(kāi)店是不是都覺(jué)得別人店鋪裝修怎么這么好看,自己要怎么裝修就不知道了,這是正常的。
比如淘寶店鋪裝修里的導(dǎo)航應(yīng)該如何設(shè)置并裝修好:
1.最開(kāi)始還是老樣子進(jìn)入賣(mài)家中心再進(jìn)入裝修界面。將鼠標(biāo)放置導(dǎo)航條位置,就可以看到并點(diǎn)擊(編輯)按鈕
2.我們可以看到編輯界面里面有(導(dǎo)航設(shè)置)和(顯示設(shè)置)兩個(gè)選項(xiàng),可以在里面添加或刪除導(dǎo)航條的內(nèi)容,這個(gè)比較簡(jiǎn)單。再看下顯示設(shè)置。
3.打開(kāi)(顯示示設(shè)置)界面,可以設(shè)置導(dǎo)航條背景或字體的顏色。PS.這里說(shuō)的顏色只是以常用顏色為例來(lái)說(shuō)明方法,不涉及美觀問(wèn)題。
4.(顯示設(shè)置)是通過(guò)一些固定的顏色代碼來(lái)實(shí)現(xiàn)設(shè)置的。下面這段代碼是一段通用代碼,學(xué)過(guò)HTML的可能很容易理解。沒(méi)學(xué)過(guò)的,可以完全照抄里面內(nèi)容,然后將設(shè)置的相關(guān)顏色和字體大小等修改為自己想要的即可。
其中,綠色框內(nèi)的""部分為注釋文字,只是有助于用戶(hù)理解,對(duì)代碼沒(méi)有實(shí)際意義,不應(yīng)現(xiàn)程序運(yùn)行。紅色框內(nèi)是設(shè)置的相關(guān)顏色。
顏色最常用的為十六進(jìn)制代碼:比如‘設(shè)置導(dǎo)航條背景色為紅色’:“.skin-box-bd .menu-list{background: none repeat scroll 0 0 #FF0000;}”。當(dāng)然也可以用英文:“.skin-box-bd .menu-list{background: none repeat scroll 0 0 red;}”。也可以用十進(jìn)制:“.skin-box-bd .menu-list{background: none repeat scroll 0 0 #255000000;}。
常用的顏色代碼,更多顏色可以再PS軟件顏色板里面找到:
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
PS.導(dǎo)航設(shè)計(jì)的小技巧:
a.按分類(lèi)導(dǎo)航,你在店鋪中找到分類(lèi),然后點(diǎn)擊進(jìn)去,復(fù)制網(wǎng)址,然后將網(wǎng)址填寫(xiě)到導(dǎo)航中,這樣的導(dǎo)航就是分類(lèi)導(dǎo)航,也是最普通的導(dǎo)航,這里要說(shuō)的是這是最低級(jí)的導(dǎo)航。因?yàn)檫@種導(dǎo)航對(duì)于店鋪的優(yōu)化沒(méi)有任何好處。(推薦)
b.按關(guān)鍵詞導(dǎo)航,店鋪中有一個(gè)搜索框,你輸入商品的主要關(guān)鍵詞,然后點(diǎn)搜索,這時(shí)得到的網(wǎng)址,就是有利于優(yōu)化的導(dǎo)航網(wǎng)址了,這樣的導(dǎo)航對(duì)于店鋪的銷(xiāo)量提升是有很大幫助的。(不推薦)
樂(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)源: 新手裝修教程-導(dǎo)航條顏色設(shè)置和css代碼裝修方法