淘宝店铺导航栏背景颜色如何设置？方法介绍有哪些？

每一个店铺都会有一个导航条，可以帮助买家更快更方便的找到自己想要的宝贝，那么在装修导航条的时候，有卖家朋友想要改变颜色来搭配店铺的整体风格，但是又不知道怎么修改?所以今天幕思城带着解决方法来了!

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

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

　　3、导航条的“显示设置”是通过一些固定的代码来实现设置的。在此我们设置一个导航条的导航条背景色为绿色，首页/店铺动态背景色为白色，首页/店铺动态右边线为墨绿色，首页/店铺动态文字颜色蓝紫色，所有分类背景色牡丹红，所有分类右边线青铜色，所有分类文字颜色黄色。

　　当然这个搭配肯定不会美观的，只是举这么个例子。给位可以根据自己的喜好和美观来搭配颜色。规定好颜色之后，就可以把以下代码编辑到“显示设置”的输入框内。点击“确认”即可完成设置。其中/* */内的文字为注释文字，不影响代码内容。

　　淘宝店铺装修导航条已经修改好颜色了，那其它分栏条怎么自定义颜色?

　　新建一个淘宝自定义模板自己写代码就可以了，把你2处位置的那块代码复制进自定义内容区，然后换个背景图或者背景颜色就Ok了。导航条可以自己定义颜色的，但是需要使用到CSS代码!

　　先编辑好代码后，再直接安装到店铺导航条中的“显示设置”中!

　　下面是导航条的颜色修改的代码，你只需要修改红色部分的代码，红色部分就是显示的颜色：

　　/* 导航条背景色*/

　　.skin-box-bd .menu-list{background: none repeat scroll 0 0 #00ad08;}

　　/*首页/店铺动态背景色*/

　　.skin-box-bd .menu-list .link{background: none repeat scroll 0 0 #00ad08;}

　　/*首页/店铺动态右边线*/

　　.skin-box-bd .menu-list .menu{border-right:1px #006205 solid;}

　　/*首页/店铺动态文字颜色*/

　　.skin-box-bd .menu-list .menu .title{color:#ff0000}

　　/*所有分类背景色*/

　　.all-cats .link{background: none repeat scroll 0 0 #00ad08;}

　　/*所有分类右边线*/

　　.all-cats .link{border-right:1px #006205 solid;}

　　/*所有分类文字颜色*/

　　.skin-box-bd .all-cats .title{color:#ff0000}

　　代码可以直接复制，很方便，只需要修改成自己想要的颜色就可以~如果还是不能解决你的问题，可以直接留言咨询，有大神会帮你解决

淘宝店铺导航栏是买家查看店铺商品的一条快速通道，清晰的的导航栏可以提高转化和提高访问深度。对淘宝店铺做装修的时，有的卖家需要修改导航栏颜色，那导航栏颜色怎么改呢?下面一起看看导航栏的设置吧。

　　1、进入店铺装修首页

　　由卖家中心进入店铺装修首页。

　　2、启动编辑命令

　　单击“编辑”，移动鼠标至导航条，并启动编辑命令。

　　3、编辑选项

　　分为“导航设置”和“显示设置”，可设置导航内容和更改导航条的显示外观。

　　导航内容默认只有“首页”，我们可以将宝贝分类或自定义页面添加至导航条，来做一个清晰的导航指引。

　　4、启动添加命令

　　单击“添加”

　　5、添加宝贝分类

　　宝贝分类下列举了店铺的所有分类，勾选需要添加至导航条的分类，并确定。

　　6、添加分类后的效果

　　添加进来的分类zui终是否会在导航条显示呢?我们可以验证一下。

　　7、保存导航设置

　　单击“保存”

　　8、添加分类后的导航条

　　新添加的分类就在导航条显示出来了。

　　同理，我们可以将自定义页面或链接显示在导航条中。

　　9、启动新建页面命令

　　单击“新建页面”，因店铺暂时没有自定义页面可用，先添加一个自定义页。

　　10、创建自定义页面

　　页面随之跳转，为我们列举了新页面的页面属性，但这是一个正在新建的页面，其属性需要我们手动完善。

　　选择页面类型为“自定义页”(默认值)，设置页面名称、页面地址，以及页面内容，并保存。

　　页面返回至可装修状态，我们直接在此页面继续对导航条进行设置。

　　11、启动添加命令

　　在导航条编辑对话框汇总，启动添加命令。

　　12、添加自定义页面

　　勾选要添加的自定义页面，并确定。

　　13、调整导航内容位置

　　点击上下箭头调整导航内容至合适的位置即可。

　　导航内容的设置相对而言比较简单，难点在于如何更改导航的背景和文字颜色，也就是显示设置。

　　14、自定义颜色实现途径

　　虽然系统模板给我们提供了很多套配色方案，但这些配色毕竟是有限的，有时候要实现自己想要的特定的背景和文字颜色效果，就需要通过CSS代码的方式来自定义导航样式。CSS代码大家可以在百度上搜索，这里我就不提供了。

　　1)复制代码

　　全选代码，并复制。

　　用红色标记的背景颜色、字体等可替换，这样便可得到另一种效果的导航条，颜色值可从Photoshop中获得。

　　2)粘贴代码

　　将复制后的代码粘贴到显示设置中，并确定。

　　3)导航条效果

　　导航条的颜色和其中的字体等便随着CSS代码改变了，买家在浏览店铺过程中点击相应的分类、页面即可快速跳转至某个分类页，或者自定义页面。

　　导航栏设置自定义颜色，可以让导航栏变得与众不同，让导航栏和整个页面协调性更高。如果你对导航栏的设置还有别的疑问或者是你还有更好的建议，请在评论区留下你的疑问或建议。