天猫 淘宝2013 旺铺自定义导航 淘宝装修 如何利用CSS样式自定义导航菜单.doc

淘宝运营精英QQ交流群想知道淘宝天猫旺铺2013导航如何自定义吗？只需要记住一些代码，就很容易让你的店铺与众不同。 进入店铺专修页面，编辑导航。 显示设置上放下 下面的代码就可以只有修改了 一般你只要修改，绿色的部分就可以了。颜色代码不了解的，可以上ps里面去找出来。 ??导航条背景色 .skin-box-bd .menu-list{background: none repeat scroll 0 0?#00ad08;} ??首页/店铺动态背景色 .skin-box-bd .menu-list .link{background: none repeat scroll 0 0?#00ad08;} ??首页/店铺动态右边线 .skin-box-bd .menu-list .menu{border-right:1px?#006205?solid;} ??首页/店铺动态文字颜色 .skin-box-bd .menu-list .menu .title{color:#ff0000} ??所有分类背景色 .all-cats .link{background: none repeat scroll 0 0?#00ad08;} ??所有分类右边线 .all-cats .link{border-right:1px?#006205?solid;} ??所有分类文字颜色 .skin-box-bd .all-cats .title{color:#ff0000} 补充内容 ----------------------------------------------------------------------------------------------------------------------------------------- ? 1.修改导航分类下面的背景色，代码如下： .skin-box-bd?.link{background:#000000;} 修改导航分类下面的图片，代码如下： .skin-box-bd?.link{background:url(图片链接);}  2.修改整个导航的背景色 .skin-box-bd?.menu-list{background:#000000;} 修改整个导航背景为图片 .skin-box-bd?.menu-list{background:url(图片链接);}  3.修改最右边留下的一小块，2里提到的，代码如下： .skin-box-bd{background:#000000;} 修改成图片的代码如下： .skin-box-bd{background:url(图片链接);} 4.字外加色： .skin-box-bd?.menu-list?.menu-selected?.link{background:#000000;} ? 5.字里加色： .skin-box-bd?.menu-list?.menu-selected?.link?.title{background:#000000;} 字外+字里=全部！ ---------------------------------------------------------------------------------------- .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，继续变大右侧导航将消失！该代码还不是很完善，我们会继续研究！  .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