很多淘宝卖家们在下载了淘宝专业版模板之后，往往不满足于模板的色彩搭配，尤其是导航条的色彩，于是想修改导航条的颜色，那么如何修改呢，这里要用到一些代码。

今天我们给大家提供一款导航条色彩css,操作方法呢也很简单。大家只要对其中的#之后的颜色或者background后面的背景图片进行改变就行了。

导航条色彩css代码（复制下面代码即可）：

/*导航条背景色*/.skin-box-bd.menu-list{background:nonerepeat

scroll00#f86c4c}

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

.skin-box-bd.menu-list.link{background:nonerepeatscroll00

#f86c4c}

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

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

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

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

/*所有分类背景色*/

.all-cats.link{background:nonerepeatscroll00#f86c4c;}

/*所有分类右边线*/

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

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

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

.skin-box-bd{height:35px;background:url

(/shangchuan/20131016111822.jpg)no-repeat0

0;}.skin-box-bda{color:#FFFFFF;font-family:微软雅黑;font-

size:14px;font-weight:normal;}.skin-box-bd.menu

{background:none;line-height:35px;}.skin-box-bd.menu-list

{height:35px;}.skin-box-bd.menu-list.link.title

{margin:0px;}.skin-box-bd.menu-list.link

{background:none;height:35px;line-height:35px;padding:0

20px;}.skin-box-bd.menu-list.menu{padding-right:0px;}.skin-box-bd

.menu-list.menua{background:url

(

.jpg)no-repeatrightcenter;font-family:微软雅黑;font-

weight:normal;}.skin-box-bd.menu-list.menua:hover{background:url

(/shangchuan/20131016111827.png)no-repeat0

center;cursor:pointer;}.skin-box-bd.menu-list.menuaspan{font-

size:15px;color:#000;}.skin-box-bd.all-cats.link

{background:none;line-height:35px;padding:0

10px;width:168px;}.skin-box-bd.all-cats.link{background:url

(/shangchuan/20131016111827.png)no-repeat0

center;border:none;color:#FFF;font-family:微软雅黑;font-

size:15px;font-weight:normal;height:35px;line-height:35px;}.skin-

box-bd.all-cats.link.title{font-size:15px;margin-

left:10px;}.skin-box-bd.all-cats.link.popup-icon

{display:none;}.skin-box-bd.popup-content

{background:#F68B8B;border:none;}.skin-box-bd.popup-content.cats-

tree.snd-pop-inner{background:#65B6A4;}.skin-box-bd.popup-content

.cats-tree.cat-hd:hover,.skin-box-bd.popup-content.cats-tree

.cat-hd-hover{background:#86CABB;}.skin-box-bd.popup-content

.cats-tree.snd-cat-hd:hover,.skin-box-bd.popup-content.cats-tree

.snd-cat-hd-hover{background:#D90724;}.skin-box-bd.popup-content

.cats-tree.has-children{background:none;}.skin-box-bd.popup-

content.cats-tree.fst-cat-icon{background:none;}.skin-box-bd

.popup-content.cats-tree.snd-cat-icon{background:none;}.skin-box-

bd.menu-list.link.popup-icon{display:none;}.skin-box-bd.menu-

popup-cats.sub-cat-hover{background:#86CABB;}

将上面的代码全选后，复制，然后打开店铺装修，点击到导航条，选择编辑。

在出现的导航代码编辑框中，选择“显示设置”，如图所示：

将代码黏贴到编辑框中，选择确定。

然后保存就可以看到效果了。

如果你对这个色彩不满意，可以对代码中的background及其#后面的颜色进行修改。

更多的装修经验，请关注网店管理软件（/）。