`

2012旺铺导航菜单自定义

css 
阅读更多
1.修改导航链接文字的背景色
.skin-box-bd .link{background:#000000;}
2.修改整个导航的背景色
.skin-box-bd .menu-list{background:#000000;}
3.修补导航右侧缺口
.skin-box-bd{background:#000000;}
4.链接文字后内背景代码
.skin-box-bd .menu-list .menu-selected .link .title{background:#000000;}
5.链接文字点击后外背景代码
.skin-box-bd .menu-list .menu-selected .link{background:#000000;}
6.隐藏所有分类
.all-cats{display:none;}
7.所有分类字体样式
.all-cats .link .title{color:#颜色代码;font-size:字号px;}
8.除所有分类以外 的导航字体样式
.menu-list .menu .title{colormenu-popup-cats .sub-cat-hover .cat-name {color:#颜色代码}

首页导航栏的文字出现背景,修改代码:.skin-box-bd .menu-list .menu-selected .link .title{background:#颜色代码}
导航背景色代码:.menu-list .link{background:#颜色代码}
导航栏文字:.menu-list .menu .title{color:#颜色代码;font-size:字号;}
宝贝分类二级菜单文字颜色代码:.menu-popup-cats .sub-cat .cat-name{color:#颜色代码}
所有分类的背景色代码:.all-cats .link{background:#颜色代码}
所有分类的文字代码:.all-cats .link .title{color:#颜色代码;font-size:字号;}
所有分类后面的分隔线代码:.all-cats .link{border-color:#颜色代码}
整个导航背景色代码:.skin-box-bd{background:#颜色代码;}
整个分类段的背景色代码:.skin-box-bd .menu-list{background:#颜色代码}
二级分类文字代码:.popup-content .cats-tree .fst-cat .cat-name{font-size:字号;color:#颜色代码;font-weight:bold/bolder/normal;}
二级分类背景代码:.popup-content{background:#颜色代码}
三级分类文字代码:.popup-content .cats-tree .fst-cat .cat-name{font-size:字号;color:#颜色代码;font-weight:bold/bolder/normal;} 
三级分类背景代码:.popup-content .cats-tree .snd-pop-inner{background:#颜色代码}
一级导航分类分隔线颜色代码:.menu-list .menu{border-color:#颜色代码}
鼠标滑过一级分类导航文字变换背景色代码:.menu-list .menu-hover .link{background:#颜色代码}
鼠标滑过二级分类导航文字变换背景色代码: .popup-content .cats-tree .cat-hd-hover{background:#颜色代码}
鼠标滑过三级分类导航文字变换背景色代码: .popup-content .cats-tree .snd-cat-hd-hover{background:#颜色代码}
鼠标滑过宝贝分类的文字变换背景色代码:.menu-popup-cats .sub-cat-hover{background:#颜色代码}
鼠标滑过宝贝分类的文字变换颜色代码:.menu-popup-cats .sub-cat-hover .cat-name {color:#颜色代码}

转载:http://www.i7gou.com/thread-5678-1-1.html

分享到:
评论

相关推荐

Global site tag (gtag.js) - Google Analytics