公海赌船线上娱乐 网店学院 网店资讯 店铺装修 积分商城 网店问答 专栏
公海赌船官网 > 网店学院 > 网店装修 > 装修教程

新手装修教程-导航条颜色设置和css代码装修方法

时间:2014-08-18 来源: 小编: 人气:8764

新手开店是不是都觉得别人店铺装修怎么这么好看,自己要怎么装修就不知道了,这是正常的。

比如淘宝店铺装修里的导航应该如何设置并装修好:

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.按关键词导航,店铺中有一个搜索框,你输入商品的主要关键词,然后点搜索,这时得到的网址,就是有利于优化的导航网址了,这样的导航对于店铺的销量提升是有很大帮助的。(不推荐)

关注微信
淘宝店铺装修

淘宝店铺装修

网店装修对于卖家来说就是通往销量的门,核心在于促进交易的进行。 良好的店铺装修能够给买家很直观的视觉体验和心理作用,进一步获得更优质的客户源和转化率,是我们经营店铺的一大利器。本专题让你能够学到从新手到...

详情>>
评论(1人参与,1条评论)
  • 最新评论
梅山王888
梅山王888 2014-11-25 16:51
学习了。很好。
甩手问答 | 在线客服:企业QQ800055007(9:00-22:00) 客服电话:0755-26470437/26470392转 617/618/619分机(9:00-18:00)
©2010-2016 公海赌船官网 All Rights Reserved.[粤ICP备 12028137-1]
扫描关注微信


关闭 立即下载
在线客服
投诉建议