店长之家

登录本站可下载更多淘宝开店资源!

还没有账号? 立即注册  找回密码   

店长之家

开店
开店
装修
装修
运营
运营
下载
下载
查看: 389739|回复: 0

淘宝卖家如何设置店铺的导航条颜色

[复制链接]

3384

主题

1042

好友

3万

积分

管理员

Rank: 9Rank: 9Rank: 9

发表于 2015-7-28 14:59:12 |显示全部楼层

  • 1、进入卖家中心,点击“店铺装修”,即可进入装修界面。将鼠标放置导航条位置,即可出现编辑按钮,点击“编辑”

       310f3b1f95cad1c80b16246c7d3e6709c83d5189.jpg

  • 2、进入编辑界面后,会出现两个选项,“导航设置”和“显示设置”,“导航设置”就是如下图所示添加或删除导航条的内容,或者将某一项上移或下移。在此重点讲解一下“显示设置”
    02.jpg


  • 3、导航条的“显示设置”是通过一些固定的代码来实现设置的。在此我们设置一个导航条的导航条背景色为绿色,首页/店铺动态背景色为白色,首页/店铺动态右边线为墨绿色,首页/店铺动态文字颜色蓝紫色,所有分类背景色牡丹红,所有分类右边线青铜色,所有分类文字颜色黄色。当然这个搭配肯定不会美观的,只是举这么个例子。给位可以根据自己的喜好和美观来搭配颜色。规定好颜色之后,就可以把以下代码编辑到“显示设置”的输入框内。点击“确认”即可完成设置。其中/* */内的文字为注释文字,不影响代码内容。


/* 导航条背景色*/
.skin-box-bd .menu-list{background:none repeat scroll 0 0 #00FF00;}
/* 导航条链接色*/
.skin-box-bd .menu-list .link{background:#70DB93 ;}
/*所有分类背景色*/
.all-cats .link{background:none repeat scroll 0 0 #E47833;}
/*导航栏右边线代码*/
.skin-box-bd .menu-list{border-right: 6px #3232CD solid;}

03.jpg


附:颜色代码

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


店长之家:www.dsw6.com!!专注淘宝开店教程!
回复

使用道具 举报

您需要登录后才可以回帖 登录 | 立即注册

 
 
注册咨询
技术支持
微信号:dzzj168
店长之家交流群:
店长之家会员群
店长之家官网:www.dsw6.com
 

© 2015-2019 dsw6.com and 店长之家All rights reserved

Design by 店长之家 Processed in 0.176561 second(s), 28 queries .

主办方:深圳市迅学网络科技有限公司 店长之家 版权所有

回顶部