装修技巧导航CSS代码.docx

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

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

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

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

/*导航条背景色*/

.skin-box-bd.menu-list{background:nonerepeatscroll00#FFFFFF;}

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

.skin-box-bd.menu-list.link{background:nonerepeatscroll00#FFFFFF;}

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

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

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

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

/*所有分类背景色*/

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

/*所有分类右边线*/

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

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

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

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

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

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

二级分类文字代码如下：

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

二级分类背景代码如下：

.popup-content{background:#000000;}

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

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

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

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

三级分类背景代码：

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

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

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

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

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

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

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

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

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

18.修改店招宽度：

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