导航条代码.doc

第一部分、静态背景颜色? ?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、三级分类的文字颜色。（如果后面要鼠标滑过变色 ，这句要写） .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:#颜色代码;