淘宝导航css相关说明

 

 

      

 #设置背景颜色 

.skin-box-bd{background:url(http://img02.taobaocdn.com/imgextra/i2/1758944073/TB2ARZhapXXXXabXpXXXXXXXXXX_!!1758944073.jpg_620x10000.jpg);}

#修改分类之外的导航

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

#菜单文字之外 

.skin-box-bd .menu-list .menu-selected .link{background:#000000;}

     #菜单文字 

.skin-box-bd .menu-list .menu-selected .link .title{background:#000000;}

扫描二维码关注公众号,回复: 1153015 查看本文章

     #导航背景颜色

     .menu-list .link{background:#000000;}

 

     #导航栏文字

     .menu-list .menu .title{color:#颜色代码;font-size:字号px;}

 

     #分类颜色

     .all-cats .link{background:#000000;}

      #分类文字

     .all-cats .link .title{color:#颜色代码;font-size:字号px;}

      #二级栏效果

     .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;}

      #一级导航分类

     .menu-list .menu{border-color:#000000;}

      #一级导航“所有宝贝”分类分隔线

     .all-cats .link{border-color:#000000;}

      #一级导航分类的宽度

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

      #鼠标滑过一级分类导航文字变换背景色代码

     .menu-list .menu-hover .link{background:#000000;}

      #鼠标滑过一级分类导航文字变换颜色

     .menu-list .menu-hover .link .title{color:#FFFFFF;}

      #鼠标滑过二级分类导航文字变换背景色

     .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;}

      #二级分类上加空间代码

     .popup-content .cats-tree{margin:0 0 50px 0;}

      #修改“所有宝贝”右边小图标

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

 

 

 

 

我的配置:

 

 

.skin-box-bd{background:url(http://img02.taobaocdn.com/imgextra/i2/1758944073/TB2ARZhapXXXXabXpXXXXXXXXXX_!!1758944073.jpg_620x10000.jpg);}

.skin-box-bd .menu-list{background:url(http://img02.taobaocdn.com/imgextra/i2/1758944073/TB2ARZhapXXXXabXpXXXXXXXXXX_!!1758944073.jpg_620x10000.jpg);}

 

.menu-list .link{background:url(http://img02.taobaocdn.com/imgextra/i2/1758944073/TB2ARZhapXXXXabXpXXXXXXXXXX_!!1758944073.jpg_620x10000.jpg);}

 

.menu-list .menu .title{color:#000000;font-family:微软雅黑;font-size:16px;}

 

 

.all-cats .link{background:url(http://img02.taobaocdn.com/imgextra/i2/1758944073/TB2ARZhapXXXXabXpXXXXXXXXXX_!!1758944073.jpg_620x10000.jpg);}

 

.all-cats .link .title{color:#000000;font-family:微软雅黑;font-size:16px;}

 

.popup-content .cats-tree .fst-cat .cat-name{font-family:微软雅黑;font-size:16px;color:#000000;}

 

.popup-content{background:#FFFFFF}

.popup-content .cats-tree .snd-pop-inner{font-family:微软雅黑;font-size:16px;color:#000000;}

 

.popup-content .cats-tree .snd-pop-inner a {font-family:微软雅黑;font-size:16px;color:#000000;} 

 

.popup-content .cats-tree .snd-pop-inner{background:url(http://img02.taobaocdn.com/imgextra/i2/1758944073/TB2ARZhapXXXXabXpXXXXXXXXXX_!!1758944073.jpg_620x10000.jpg);}

 

 

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

 

.menu-list .menu{border-color:#000000;}

.all-cats .link{border-color:#000000;}

 

 

 

 

.skin-box-bd .menu-list .menu-selected .link{background:#FFF0F5;}

.skin-box-bd .menu-list .menu-selected .link .title{background:#FFF0F5;}

 

.menu-list .menu-hover .link{background:url(http://img02.taobaocdn.com/imgextra/i2/1758944073/TB2ARZhapXXXXabXpXXXXXXXXXX_!!1758944073.jpg_620x10000.jpg);}

 

.menu-list .menu-hover .link .title{color:#000000;}

 

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

 

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

 

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

 

猜你喜欢

转载自ordinary.iteye.com/blog/2118487