返回列表

作者:巨人电商

2012新旺铺导航解析

POST TIME:2020-10-25

2012旺铺导航装修,进入 "店铺装修",点击导航处 "编辑" ,选择右侧的 "显示设置" 装下列自己需要的CSS代码对应复制进去再改点东西就行,

 

首页导航栏的文字出现背景                         .menu-list .menu-selected .link .title{background:none}

导航背景色代码                                           .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:#颜色代码;}

二级分类背景代码                                         .popup-content{background:#颜色代码;}

三级分类文字代码                                         .popup-content .cats-tree .fst-cat .cat-name{font-size:字号;color:#颜色代码;}

三级分类背景代码                                         .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://book.wyfwgw.com/color.htm 

还在犹豫什么,赶紧行动起来为自己的店铺小试牛刀吧,如果有什么不懂可以跟贴,只要我懂的一定会跟你们分享.

你们也可以看看我的店铺,都是自己弄的喔, http://shop64443862.taobao.com 

大家互相学习交流,平时可以多学学PS,做图什么的就更方便快捷了.