您好,欢迎访问三七文档
第一部分、静态背景颜色1、首页/店铺动态/其它导航类目的背景色.skin-box-bd.menu-list.link{background:#颜色代码;}例:.skin-box-bd.menu-list.link{background:#000000}#000000(即代表的是黑色,其他颜色同理替换)2、所有分类的背景色(最左边的).all-cats.link{background:#颜色代码;}3、导航条整个分类段背景色.skin-box-bd.menu-list{background:#颜色代码;}4、导航条背景色(最底层),修补导航右侧缺口.skin-box-bd{background:#颜色代码;}第二部分、分隔线、静态文字的颜色5、首页等分类的右边的分隔线颜色.menu-list.menu{border-color:#颜色代码;}6、所有分类的右边的分隔线颜色.all-cats.link{border-color:#颜色代码;}7、首页/店铺动态/其它导航类目的文字颜色.menu-list.menu.title{color:#颜色代码;}8、所有分类的文字颜色(最左边那个).all-cats.link.title{color:#颜色代码;}第三部分、分类下的颜色9、二级分类的背景色.popup-content{background:#颜色代码;}10、三级分类的背景色.popup-content.cats-tree.snd-pop-inner{background:#颜色代码}11、二级分类的文字颜色.popup-content.cat-name{color:#颜色代码;}12、三级分类的文字颜色。(如果后面要鼠标滑过变色21.22,这句要写).popup-content.cats-tree.snd-pop-inner.cat-name{color:#颜色代码;}小结:上面这句不写,和二级分类颜色是一样的第四部分、鼠标滑过变背景色13、鼠标滑过首页/店铺动态/其它导航类目变换背景色.menu-list.menu-hover.link{background:#颜色代码;}14、鼠标滑过所有分类(最左边那个)变换背景色.all-cats-hover.link{background:#颜色代码;}15、鼠标滑过所有分类下的二级分类变换背景色.popup-content.cats-tree.cat-hd-hover{background:#颜色代码;}16、鼠标滑过所有分类下的三级分类变换背景色.popup-content.cats-tree.snd-cat-hd-hover{background:#颜色代码;}17、鼠标滑过导航类目下的宝贝分类变换背景色.menu-popup-cats.sub-cat-hover{background:#颜色代码;}小结:这个所有分类,与首页后面的,是要分开设计的第五部分、鼠标滑过变文字颜色18、鼠标滑过首页/店铺动态/其它导航类目变换文字颜色.menu-list.menu-hover.title{color:#颜色代码;}19、鼠标滑过所有分类(最左边那个)变换文字颜色.all-cats-hover.link.title{color:#颜色代码;}20、鼠标滑过导航类目下的宝贝分类变换文字颜色.menu-popup-cats.sub-cat-hover.cat-name{color:#颜色代码;}21、鼠标滑过所有分类下的二级分类变换文字颜色.popup-content.cat-hd-hover.cat-name{color:#颜色代码}22、鼠标滑过所有分类下的三级分类变换文字颜色.popup-content.cats-tree.snd-cat-hd-hover.cat-name{color:#颜色代码;}第六部分、导航项目激活状态23、激活项目的文字背景色(难看,所以none)、文字颜色.skin-box-bd.menu-list.menu-selected.link.title{background:none;color:#颜色代码;}24、激活项目的项目背景色(项目框).skin-box-bd.menu-list.menu-selected.link{background:#颜色代码;}
本文标题:导航条代码
链接地址:https://www.777doc.com/doc-2468491 .html