18720358503 在线客服 人才招聘 返回顶部
企业动态 技术分享 行业动态

PS软件在网站建设-淘宝网店铺设计之导航CSS代码

2021-04-11分享 "> 对不起,没有下一图集了!">
--------

PS软件在网站建设

------- 作者:宁波企业网站建设——三乐设计方案 公布 阅读文章次数:5352 【关掉本页】
.skin-box-bd .menu-list .menu-selected .link .title{background:#000000;} 字外+字里=所有! ---------------------------------------------------------------------------------------- 1.导航栏情况色编码(除去“全部归类”)以下: .menu-list .link{background:#000000;}
2.导航栏栏文本(除去“全部归类”)以下: .menu-list .menu .title{color:#色调编码;font-size:字号px;}
3.“全部归类”的情况色编码以下: .all-cats .link{background:#000000;}
4.“全部归类”的文本编码以下: .all-cats .link .title{color:#色调编码;font-size:字号px;}
全新编码,处理字体样式改大后导航栏右边消退的状况!
编码以下:
.all-cats .link .title{font-size:字号px;}.all-cats .link {background:#3BAFFF;margin:0;padding:0px 3px;}
字号最大为21,再次变大右边导航栏将消退!该编码还并不是很完善,大家会再次科学研究!
5.二级归类文本编码以下: .popup-content .cats-tree .fst-cat .cat-name{font-size:字号px;color:#色调编码;font-weight:bold/bolder/normal;}
6.二级归类情况编码以下: .popup-content{background:#000000;}
7.三级归类文本编码(除去“全部商品”归类)以下
.popup-content .cats-tree .snd-pop-inner{font-size:字号px;color:#色调编码;font-weight:bold/bolder/normal;}

8.三级归类文本编码(包含“全部商品”归类字体样式尺寸)这样就没法更改字体样式色调,大家会再次完善该编码!以下
.popup-content .cats-tree .snd-pop-inner{font-size:字号px;color:#色调;} 

9.三级归类情况编码: .popup-content .cats-tree .snd-pop-inner{background:#000000;}
10.一级导航栏归类(除去“全部商品”归类)分隔线色调编码以下: .menu-list .menu{border-color:#000000;}
11.一级导航栏“全部商品”归类分隔线色调编码以下: .all-cats .link{border-color:#000000;}
12.一级导航栏归类的宽度改动编码以下: .menu-list .menu{background:#色调;margin:0;padding:0px 提升的宽度px;}
13.电脑鼠标滑过一级归类导航栏文本转换情况色编码以下: .menu-list .menu-hover .link{background:#000000;}
14.电脑鼠标滑过一级归类导航栏文本转换色调编码以下: .menu-list .menu-hover .link .title{color:#FFFFFF;}
15.电脑鼠标滑过二级归类导航栏文本转换情况色编码以下: .popup-content .cats-tree .cat-hd-hover{background:#000000;}
16.电脑鼠标滑过二级归类导航栏文本转换色调编码以下: .skin-box-bd .popup-content .cats-tree .cat-hd-hover .cat-name{color:#ff0000;}
17.电脑鼠标滑过三级归类导航栏文本转换情况色编码以下: .popup-content .cats-tree .snd-cat-hd-hover{background:#000000;}
18.二级归类上加室内空间编码以下: .popup-content .cats-tree{margin:0 0 50px 0;}

19.改动“全部商品”右侧小标志编码以下: .all-cats .link .popup-icon{background:url(照片联接);}
20.改动二级归类右边标志编码以下(有三级归类才会显示信息): .popup-content .cats-tree .fst-cat-icon{background:url(照片联接);}
22.在三级归类前加上小块白色编码以下: .popup-content .cats-tree .snd-cat-icon{display:block;height:3px;width:3px;}
四、最终也有一个公布不显示信息实际效果的处理方式! 导航栏改动好编码以后,预览合理果,可是公布以后還是显示信息原先的实际效果,沒有任何转变! 处理的方式是在你改动好编码以后,预览合理果了,以后就关掉“店面室内装修”网页页面,以后再次开启再点“公布”就会显示信息实际效果了! 假如你不知道道哪一个是“店面室内装修”网页页面,那就立即关掉访问器,再次进“店面室内装修”那个点“公布”就OK咯!
  掩藏导航栏上,全部归类的导航栏: .all-cats{display:block;overflow:hidden;width:0;height:0;}
这个改完 全部归类是会被掩藏。可是假如你导航栏条用了别的色调,致使和原先模板色调不一样。那末能够加上一行: .skin-box-bd{width:200px;} ---------

PS软件在网站建设

------------
"> 对不起,没有下一图集了!">
在线咨询