店展拆修pc端导航条的展现设置css代码

16小时前 (06:46:16)阅读1回复0
西柚
西柚
  • 管理员
  • 注册排名7
  • 经验值123570
  • 级别管理员
  • 主题24714
  • 回复0
楼主

代码阐明

/* 导航布景色*/

.skin-box-bd{background:#000000;}

/* 导航(首页、手动添加分类)布景色*/

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

/* 导航(首页、手动添加分类)字体色*/

.menu-list .menu .title{color:#ffffff;font-size:14px;}

/* 导航(所有分类)布景色*/

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

/* 导航(所有分类)字体色*/

.all-cats .link .title{color:#ffffff;font-size:15px;}

/*剩余导航分类布景色*/

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

/*字外*/

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

/*字里*/

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

/*二级分类文字代码如下:*/

展开全文

.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:12px;color:#ffffff;font-weight: normal;}

/*三级分类文字代码(包罗“所有宝物”分类字体大小)如许就无法改动字体颜色,我们会陆续完美该代码!*/

.popup-content.cats-tree .snd-pop-inner{font-size12px;color:#ffffff;}

/*三级分类布景代码:*/

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

/*朋分线*/

.menu-list .menu{border-color:#000000;}//首页、手动添加分类

.all-cats .link{border-color:#000000;}//所有宝物

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

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

鼠标滑过一级分类导航文字变更布景色代码如下:

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

鼠标滑过一级分类导航文字变更颜色代码如下:

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

鼠标滑过二级分类导航文字变更布景色代码如下:

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

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

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

复造代码

.skin-box-bd .menu-list{background:#000000;}.skin-box-bd{background:#000000;}.skin-box-bd .menu-list .menu-selected .link{background:#000000;}.skin-box-bd .menu-list .menu-selected .link .title{background:#000000;}.menu-list .link{background:#000000;}.menu-list .menu .title{color:#FFFFFF;font-size:14px;}.all-cats .link{background:#000000;}.all-cats .link .title{color:#FFFFFF;font-size:16px;}.popup-content .cats-tree .fst-cat .cat-name{font-size:13px;color:#FFFFFF;font-weight:normal;}.popup-content{background:#000000;}.popup-content.cats-tree.snd-pop-inner{font-size:12px;color:#FFFFFF;}.popup-content .cats-tree .snd-pop-inner{background:#000000;}.menu-list .menu-hover .link{background:#F8C015;}.popup-content .cats-tree .cat-hd-hover{background:#F8C015;}.popup-content .cats-tree .snd-cat-hd-hover{background:#F8C015;}.menu-list .menu{border-color:#000000;}

翻开千牛-点击店展-店展pc拆修-点击拆修页面-编纂导航条

最有边点击编纂按钮

0
回帖

店展拆修pc端导航条的展现设置css代码 期待您的回复!

取消
载入表情清单……
载入颜色清单……
插入网络图片

取消确定

图片上传中
编辑器信息
提示信息