淘宝旺铺】导航CSS代码使用修改技巧

1、淘宝旺铺】导航CSS弋码使用修改技巧1修改导航分类下面的背景色，代码如下：.ski n-box-bdi nkbackgrou nd:#000000;修改导航分类下面的图片，代码如下：.skin-box-bd.linkbackground:url（图片链接）;2修改整个导航的背景色.ski n-box-bd.me nu-listbackgrou nd:#000000;修改整个导航背景为图片.skin-box-bd接）;.me nu-listbackgro un d:url（图片链3. 修改最右边留下的一小块，2里提到的，代码如下:.sk in-box-bdbackgrou nd:#000000;

2、修改成图片的代码如下：.skin-box-bdbackground:url（图片链接）;4. 字外加色：.skin-box-bd.me nu-list.me nu-selected.li nkbackground: #000000;5. 字里加色：.skin-box-bd.me nu-list.me nu-selectedi nk.titlebackgrou nd:#000000;字外+字里=全部！1. 导航背景色代码（除去“所有分类”）如下 ：.men u-list.li nkbackgrou nd:#000000;2. 导航栏文字（除去“所有分类”）如下 ：.menu-list.me nu

3、 .titlecolor:# 颜色代码;font-size:字号 px;3. “所有分类”的背景色代码如下：.all-cats.li nkbackgrou nd:#000000;4. “所有分类”的文字代码如下：.all-cats.li nk.titlecolor:# 颜色代码;font-size:字号 px;最新代码，解决字体改大后导航右侧消失的情 况！代码如下：.all-cats ink .titlefo nt-size:字号px;.all-cats .linkbackground : #3BAFFfmargin: 0;padding:0px 3px;字号最大为21,继续变大右侧导航将消失

4、！该代码还不是很完善，我们会继续研究！5. 二级分类文字代码如下：.popup-c ontent .cats-tree .fst-cat.cat -n amefont-size:字号 px;color: #颜色代码;fon t-weight:bold/bolder/ nor mal;6. 二级分类背景代码如下：.popup-co nten tbackgrou nd:#000000;7. 三级分类文字代码（除去“所有宝贝”分类）如下.popup-c ontent.cats-tree.snd-pop-inn erfo nt-size:字号 px;color :# 颜色代码；font-weight:

5、bold/bolder/normal;8. 三级分类文字代码（包括“所有宝贝”分类字体大小）这样就 无法改变字体颜色，我们会继续完善该代码！如下.popup-c ontent .cats-tree.snd-pop-inn erfo nt-size:字号px;color : #颜色;9. 三级分类背景代码：.popup-c ontent .cats-tree.sn d-pop-i nn erbackground: #000000;10. 一级导航分类（除去“所有宝贝”分类）分隔线颜 色代码如下：.men u-list.me nuborder-color:#000000;11. 一级导航“所有宝贝

6、”分类分隔线颜色代码如下:.all-cats.li nkborder-color:#000000;12. 一级导航分类的宽度修改代码如下：.menu-list.menubackground: #颜色;margin:0;padding:0px增加的宽度 px;13. 鼠标滑过一级分类导航文字变换背景色代码如下:.menu-list.me nu-hover.li nkbackgro und:#000000;14. 鼠标滑过一级分类导航文字变换颜色代码如下：.menu-list .me nu-hoveri nk.titlecolor:#FFFFFF15. 鼠标滑过二级分类导航文字变换背景色代码如下：

7、.popup-c ontent .cats-tree .cat-hd-hoverbackg round: #000000;16. 鼠标滑过二级分类导航文字变换颜色代码如下：.skin-box-bd.popup-c ontent .cats-tree .cat-hd-hover.cat-namecolor:#ff0000 ;17. 鼠标滑过三级分类导航文字变换背景色代码如下：.popup-c ontent.cats-tree.sn d-cat-hd-hoverbackground: #000000;18. 二级分类上加空间代码如下：.popup-c ontent.cats-treemarg in

8、:00 50px 0;19. 修改“所有宝贝”右边小图标代码如下:.all-cats i nk.popup-ic on backgro un d:url（图片连接）;20. 修改二级分类右侧图标代码如下（有三级分类才会 显示）：.popup-c ontent.cats-tree.fst-cat-ic on background:url（图片连接）; 22.在三级分类前加上小块白色代码如下：.popup-c ontent.cats-tree.sn d-cat-ic on display: block ;height: 3px;width: 3px;四、最后还有一个发布不显示效果的解决方法！导航修改好代码之后，预览有效果，但是发布之后