店招代码.docVIP

PS制作950*120大小店招，拉出参考线，设置画布大小1920*150，设置背景，另存为背景裁剪工具950*120店招，另存为店招，返回裁剪以下950*30，另存为导航条背景：打开淘宝装修-装修-样式管理-背景设置-页头设置-上传图片(背景显示：不平铺，背景对齐：居中)-保存并发布店招：导航条：先上传图片空间，到图片空间找图片地址1.skin-box-bd .link{background:url(图片地址1);}.skin-box-bd .menu-list{background:url(图片地址1);}.skin-box-bd{background:url(图片地址1);}相关效果：/* 导航条背景色*/.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}.skin-box-bd .link{background: none repeat scroll 0 0?#00ad08;}.skin-box-bd .menu-list{background: none repeat scroll 0 0?#00ad08;}.skin-box-bd{background: none repeat scroll 0 0?#00ad08;}第一部分、静态背景颜色??1、首页/店铺动态/其它导航类目的背景色? ???.skin-box-bd .menu-list .link{background:#颜色代码;} ? ? ??例：.skin-box-bd .menu-list .link{background:#000000}? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? #000000（即代表的是黑色，其他颜色同理替换）2、所有分类的背景色（最左边的）? ? ?? ? ? .all-cats .link{background:#颜色代码;} ?3、导航条整个分类段背景色? ?? ? ?.skin-box-bd .menu-list{background:#颜色代码;}4、导航条背景色（最底层），修补导航右侧缺口?? ? ?.skin-box-bd{background:#颜色代码;}第二部分、分隔线、静态文字的颜色??5、首页等分类的右边的分隔线颜色?? ? ? .menu-list .menu{border-color:#颜色代码;}?6、所有分类的右边的分隔线颜色?? ? ?.all-cats .link{border-color:#颜色代码;}?7、首页/店铺动态/其它导航类目的文字颜色?? ? ?.menu-list .menu .title{color:#颜色代码;}?8、所有分类的文字颜色（最左边那个）? ? ?? ? ?.all-cats .link .title{color:#颜色代码;}??第三部分、分类下的颜色?9、二级分类的背景色?? ? ?.popup-content{background:#颜色代码;}?10、三级分类的背景色?? ? ? ? .popup-content .cats-tree .snd-pop-inner{background:#颜色代码}11、二级分类的文字颜色?? ? ? ? .popup-content .cat-name{color:#颜色代码;}?12、三级分类的文字颜色。（如果后面要鼠标滑过变色21.22，这句要写）?? ? ? ? .popup-content .cats-tree .snd-pop-inner