相信你逛不同的店，会发现每个店的装修风格都不一样。有些卖家还想打造自己风格各异的店铺，可以先从店铺导航色入手。那淘宝店铺导航颜色怎么设置呢？
导航栏的“显示设置”是由一些固定代码设置的。这里我们设置一个导航栏的背景颜色为绿色，首页/店铺的动态背景颜色为白色，首页/店铺的动态右线为深绿色，首页/店铺的动态文字颜色为蓝紫色，所有类别的背景颜色为牡丹红色，所有类别的右线为古铜色，所有类别的文字颜色为黄色。
当然这种搭配肯定不会好看。就拿这个例子来说。比特可以根据自己的喜好和美感搭配颜色。指定颜色后，可以将下面的代码编辑到“显示设置”的输入框中。点击“确认”完成设置。/* */中的文本是注释文本，不影响代码内容。
淘宝店铺装修导航条在颜色上做了修改，那么如何自定义其他栏条的颜色呢？
新建一个淘宝自定义模板，自己写代码就行了。将您的2个位置中的代码复制到自定义内容区域，然后更改背景图像或背景颜色。导航栏可以自己定义颜色，但是需要用CSS代码！
先编辑代码，然后直接安装到商店导航栏的“显示设置”里！
下面是导航栏颜色修改的代码。你只需要修改红色部分的代码，红色部分就是显示的颜色:
/*导航栏的背景颜色*/
。皮肤盒bd。menu-list { background:none repeat scroll 0 0 # 00ad 08；}
/*家居/商场动态背景色*/
。皮肤盒bd。菜单列表。link { background:none repeat scroll 0 0 # 00ad 08；}
/*首页/店铺动态右线*/
。皮肤盒bd。菜单列表。菜单{ border-right:1px # 006205 solid；}
/*主页/商店动态文本颜色*/
。皮肤盒bd。菜单列表。菜单。title{color:#ff0000}
/*所有分类背景颜色*/
。全是猫。link { background:none repeat scroll 0 0 # 00ad 08；}
/*所有类别右行*/
。全是猫。link { border-right:1px # 006205 solid；}
/*所有分类文本颜色*/
。皮肤盒bd。全是猫。title{color:#ff0000}
免费导航:跳桥
首先解决一个基本问题——什么是免费导航？顾名思义，自由导航指的是可以放在商店任何地方的按钮或图片。其实自由导航有两种形式，一种是指向活动页面或类别的大小横幅，一种是直接指向某个类别的按钮。
除了分类按钮，推广banner也可以看作是一种免费导航。现在越来越多的店铺选择去掉首页的左栏，买家在浏览这类店铺时下拉一点网页就看不到导航了。点击顶部按钮可能会导致你重新浏览刚刚浏览的内容，但是不点击顶部按钮是无法查看分类的，所以这个页面布局中自由导航的作用不言而喻。图片不仅可以展示、宣传、传递信息，还可以翻页。
自由航行的禁忌
不要太浮夸。导航重在传达信息。其实买家要的是快速理解图片内容，而不是看店家炫耀自己的美术功底。
案例说明:如上图，主人主要表达的是“秋冬马甲”的内容，而图中视觉重量最高的是两个男模和一堆看似无用的英文字母。这样一来，只会吸引对图中两件马甲感兴趣的消费者点击，而对这两件马甲不感兴趣的消费者会认为只是海报，起不到引导作用。
不要有太抢眼的图。根据视线节奏的研究，如果页面中某个区域的视觉权重太强(比如全身都是灰色，突然出现红色图片)，那么浏览者的视线就会不稳定，或者在权重较高的区域来回浏览，这不是我们想要的。
不想要太多类型的推广。其实这不仅和导航有关，也和营销有关。同时，太多形式的促销活动往往会导致买家的困惑，买家的浮躁心理，从导航的角度沟通不清楚。
大家设置完淘宝店铺的导航内容后，卖家的朋友就可以整体浏览了。换句话说，再检查一遍。如果需要调整位置或者删除内容，可以及时修改淘宝店铺的导航颜色。
