首頁 網店學院 網店資訊 網店問答 專欄 裝修素材 拼多多入駐 蝦皮入駐
甩手網 > 網店學院 > 網店裝修 > 裝修教程

新手裝修教程-導航條顏色設置和css代碼裝修方法

2014-08-18 13:53:28 來源: 人氣:16963

新手開店是不是都覺得別人店鋪裝修怎么這么好看,自己要怎么裝修就不知道了,這是正常的。

比如淘寶店鋪裝修里的導航應該如何設置并裝修好:

1.最開始還是老樣子進入賣家中心再進入裝修界面。將鼠標放置導航條位置,就可以看到并點擊(編輯)按鈕

新手店鋪裝修教程-導航條顏色設置和css代碼裝修方法1

2.我們可以看到編輯界面里面有(導航設置)和(顯示設置)兩個選項,可以在里面添加或刪除導航條的內容,這個比較簡單。再看下顯示設置。

新手店鋪裝修教程-導航條顏色設置和css代碼裝修方法2

3.打開(顯示示設置)界面,可以設置導航條背景或字體的顏色。PS.這里說的顏色只是以常用顏色為例來說明方法,不涉及美觀問題。

新手店鋪裝修教程-導航條顏色設置和css代碼裝修方法3

4.(顯示設置)是通過一些固定的顏色代碼來實現設置的。下面這段代碼是一段通用代碼,學過HTML的可能很容易理解。沒學過的,可以完全照抄里面內容,然后將設置的相關顏色和字體大小等修改為自己想要的即可。

新手店鋪裝修教程-導航條顏色設置和css代碼裝修方法4

其中,綠色框內的"/* .........*/"部分為注釋文字,只是有助于用戶理解,對代碼沒有實際意義,不應現程序運行。紅色框內是設置的相關顏色。

顏色最常用的為十六進制代碼:比如‘設置導航條背景色為紅色’:“.skin-box-bd .menu-list{background: none repeat scroll 0 0 #FF0000;}”。當然也可以用英文:“.skin-box-bd .menu-list{background: none repeat scroll 0 0 red;}”。也可以用十進制:“.skin-box-bd .menu-list{background: none repeat scroll 0 0 #255000000;}。

常用的顏色代碼,更多顏色可以再PS軟件顏色板里面找到:

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    

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

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

28 深石板藍 #6B238E 29 深鉛灰色 #2F4F4F 30 深棕褐色 #97694F    

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

35 土灰玫瑰紅色#856363 36 長石色 #D19275 37 火磚色 #8E2323    

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

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

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

47 淺藍色 #C0D9D9 48 淺灰色 #A8A8A8 49 淺鋼藍色 #8F8FBD    

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

62 褐紅色 #8E236B 63 中海藍色 #32CD99 64 中藍色 #3232CD    

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

68 中海綠色 #426F42 69 中石板藍色 #7F00FF 70 中春綠色 #7FFF00    

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

74 深藏青色 #2F2F4F 75 海軍藍 #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 艷藍色 #5959AB    

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

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

95 天藍 #3299CC 96 石板藍 #007FFF 97 艷粉紅色 #FF1CAE    

98 春綠色 #00FF7F 99 鋼藍色 #236B8E 100 亮天藍色 #38B0DE    

101 棕褐色 #DB9370 102 紫紅色 #D8BFD8 103 石板藍色 #ADEAEA    

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

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

PS.導航設計的小技巧:

a.按分類導航,你在店鋪中找到分類,然后點擊進去,復制網址,然后將網址填寫到導航中,這樣的導航就是分類導航,也是最普通的導航,這里要說的是這是最低級的導航。因為這種導航對于店鋪的優化沒有任何好處。(推薦)

b.按關鍵詞導航,店鋪中有一個搜索框,你輸入商品的主要關鍵詞,然后點搜索,這時得到的網址,就是有利于優化的導航網址了,這樣的導航對于店鋪的銷量提升是有很大幫助的。(不推薦)

*本站部分文字及圖片均來自于網絡,如侵犯到您的權益,請及時通知我們刪除。聯系信息:甩手網
關注微信
淘寶店鋪裝修

淘寶店鋪裝修

網店裝修對于賣家來說就是通往銷量的門,核心在于促進交易的進行。 良好的店鋪裝修能夠給買家很直觀的視覺體驗和心理作用,進一步獲得更優質的客戶源和轉化率,是我們經營店鋪的一大利器。本專題讓你能夠學到從新手到...

詳情>>
淘寶實用工具
  • 最新評論
梅山王888
梅山王888 2014-11-25 16:51
學習了。很好。
甩手問答 | 在線客服:客服上班時間:周一至周五9:00——22:00,周末9:00--17:00(除法定節日以外),其他不在線時間請留言,我們看到后會第一時間回復您! 客服電話:0755-26470437/26470392 易掌柜請撥打617/618分機 工具箱請撥打620分機,其他服務請撥打621分機(9:00-18:00)
©2010-2018 深圳市華通易點信息技術有限公司 - 甩手網 All Rights Reserved.[粵ICP備 12028137-1]
掃描關注微信

粵公網安備 44030502000916號

工商網監


關閉
在線客服
投訴建議
福彩15选5开奖结果查询