淘宝美工：淘宝店铺导航颜色装修代码有哪些

淘宝首页想要装修的标致，需要用到一些代码，此刻可以借住一些在线代码建造的网站，也可以本身用DW写代码。下面给大师介绍导航装修的简单的代码。

东西/原料

• 电脑
• 淘宝
• Macromedia Dreamweaver 8（简称DW）

点窜导航布景色

1. 1

   静态布景颜色

   代码：.skin-box-bd .menu-list .link{background:white;}

   用来设置【首页 】等其它导航类目中的布景色。颜色代码可以用英文单词暗示，如white（白），也可以用十六进制暗示，如白色为#ffffff等暗示。别的布景色也可用图片，代码为｛background:url(图片地址）;}。

   在默认的导航条中最左边的一项为【 所有分类】的布景色

   代码：.all-cats .link{background:red;}

   导航条整个分类段布景色

   代码：.skin-box-bd .menu-list{background:white;}

   【导航条布景色】修补导航右侧缺口（分类不多时，右侧可能会空着时的缺口）

   代码：.skin-box-bd{background:red;}

   我这个颜色用的很丑，本家儿如果为了好区分，哈哈。

   

点窜朋分线颜色

1. 1

   【所有分类】的右边的分隔线颜色

   代码：.all-cats .link{border-color:black;}

   “首页”等分类右边的分隔线颜色

   代码：.menu-list .menu{border-color:black;}

   

点窜文字颜色

1. 1

   【首页】等其它导航类目标文字颜色

   代码：.menu-list .menu .title{color:yellow;}

   【所有分类】的文字颜色

   代码：.all-cats .link .title{color:yellow;}

   【二级分类】的布景色

   代码：.popup-content{background:gray;}

   【三级分类】的布景色

   代码：.popup-content .cats-tree .snd-pop-inner{background:#504f4f;}

   【二级分类】的文字颜色

   代码：.popup-content .cat-name{color:yellow;}

   【三级分类】的文字颜色。

   代码：.popup-content .cats-tree .snd-pop-inner .cat-name{color:yellow;}

   （若是不写这句代码，那三级分类和二级分类颜色是一样的。）

   

点窜鼠标滑过变布景色

1. 1

   鼠标滑过【首页】等其它导航类目变换布景色

   代码：.menu-list .menu-hover .link{background:green;}

   鼠标滑过【所有分类】变换布景色

   代码：.all-cats-hover .link{background:green;}

   鼠标滑过【所有分类下的二级分类】变换布景色

   代码：.popup-content .cats-tree .cat-hd-hover{background:green;}

   鼠标滑过【所有分类下的三级分类】变换布景色

   代码：.popup-content .cats-tree .snd-cat-hd-hover{background:green;}

   鼠标滑过【导航类面前目今的宝物分类】变换布景色

   代码：.menu-popup-cats .sub-cat-hover{background:green;}

   

鼠标滑过变文字颜色

1. 1

   鼠标滑过【首页】等其它导航类目变换文字颜色

   代码：.menu-list .menu-hover .title{color:blue;}

   鼠标滑过【所有分类】变换文字颜色

   代码：.all-cats-hover .link .title{color:blue;}

   鼠标滑过【导航类面前目今的宝物分类】变换文字颜色

   代码：.menu-popup-cats .sub-cat-hover .cat-name{color:blue;}

   鼠标滑过【所有分类下的二级分类】变换文字颜色

   代码：.popup-content .cat-hd-hover .cat-name{color:blue;}

   鼠标滑过【所有分类下的三级分类】变换文字颜色

   代码：.popup-content .cats-tree .snd-cat-hd-hover .cat-name{color:blue;}

   

注重事项

• 运用代码时可以直接复制本文，但记得为了使代码没有问题，复制后请把文字内容删除，只留下代码就行了。