装修技巧-导航CSS代码

下面是自定义导航的示例. 首先要了解,什么是自定义css

CSS 也叫层叠样式表单, 是用于（增强）控制网页样式并允许将样式信息与网页内容分离的一种标记性语言

店铺导航开放css设定,就是说让卖家通过css来让导航展现的更加丰富自定义,交给卖家控制。

以下文字内容可以一同复制使用，不会影响到使用效果哦！

/* 导航条背景色*/

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

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

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

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

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

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

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

/*所有分类背景色*/

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

/*所有分类右边线*/

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

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

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

如果你想要更加个性，而不想只要简单的纯色块的话，可以自己做图片，然后连接上去，代码如下：

.skin-box-bd .link{background:url(图片链接);}

将“图片连接”换成你的图片的连接就可以了，一般都是自己做好然后上传到淘宝图片空间，然后链接就可以了！

5.二级分类文字代码如下：

.popup-content .cats-tree .fst-cat .cat-name{font-size:字号px;color:#颜色代码;font-weight:bold/bolder/normal;}

6.二级分类背景代码如下：

.popup-content{background:#000000;}

7.三级分类文字代码（除去“所有宝贝”分类）如下

.popup-content .cats-tree .snd-pop-inner{font-size:字号px;color:#颜色代码;font-weight:bold/bolder/normal;}

8.三级分类文字代码（包括“所有宝贝”分类字体大小）这样就无法改变字体颜色，我们会继续完善该代码！如下

.popup-content .cats-tree .snd-pop-inner{font-size:字号px;color:#颜色;}

9.三级分类背景代码：

.popup-content .cats-tree .snd-pop-inner{background:#000000;}

15.鼠标滑过二级分类导航文字变换背景色代码如下：

.popup-content .cats-tree .cat-hd-hover{background:#000000;}

16.鼠标滑过二级分类导航文字变换颜色代码如下：

.skin-box-bd .popup-content .cats-tree .cat-hd-hover .cat-name{color:#ff0000;}

17.鼠标滑过三级分类导航文字变换背景色代码如下：

.popup-content .cats-tree .snd-cat-hd-hover{background:#000000;}

18.修改“所有宝贝”右边小图标代码如下：

.all-cats .link .popup-icon{background:url(图片连接);}

18.修改店招宽度：

.menu-list .menu{background:#颜色;margin:0;padding:0px 增加的宽度px;}