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

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

　　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}

　　代码可以直接复制，很方便，只需要修改成自己想要的颜色就可以~如果还是不能解决你的问题，可以直接留言咨询，有大神会帮你解决!想要了解更多网店装修相关的内容，可以关注本站，好玩有趣的资讯在等着你哦。

　　相关推荐：

　　旺铺智能版全屏海报怎么做?

　　淘宝全屏店招怎么设置?淘宝全屏店招设置教程

　　淘宝全屏海报如何切片?如何去掉衔接的空白间隙?