导航换色
实现导航可以换色或者设置背景图

先选择导航风格

第二步:开始设置个性导航

店铺类型:
使用帮助 收藏工具 还原
  • 整体导航
  • 所有分类
  • 一级下拉菜单
  • 当前页
  • 二级下拉菜单
  • 三级下拉菜单
  • 其他
整体背景色

高度在【整体导航】设置,高和宽可以设置背景图大小。

划过颜色
默认文字颜色
划过文字颜色
整体高度 px

注意!!!淘宝官方的某些风格的导航模块,不支持更改高度!

文字间隔 px

填写数字建议在20-40之间,超过有可能会影响美观。

字体
字体大小 px
分割线
分割线 px
字体样式:
已复制至剪贴板, 请Ctrl+V键粘贴到相应地方
body{background-color: #f9f9f9; background-image: url("http://img03.taobaocdn.com/imgextra/i3/694987567/T2oN1WXXBcXXXXXXXX_!!694987567.jpg"); background-position: center top; background-attachment: fixed;}.popup-content{border: 1px solid #b1c8d7; background: none repeat scroll 0% 0% #f5f8fc; position: absolute; width: 190px;}.popup-content .cats-tree{margin: 0px 0px 10px;}.popup-content .cats-tree .fst-cat{line-height: 40px; height: 40px; background: none repeat scroll 0% 0% #000000; border-width: 0px 0px 1px; border-style: dashed; border-color: #ffffff; -moz-border-top-colors: none; -moz-border-right-colors: none; -moz-border-bottom-colors: none; -moz-border-left-colors: none; border-image: none;}.popup-content .cats-tree .fst-cat-hd{height: 28px; line-height: 28px;}.popup-content .cats-tree .fst-cat-hd:after{content: " "; display: block; height: 0px; clear: both;}.popup-content .cats-tree .fst-cat-icon{float: left; display: block; height: 3px; width: 3px; background: url("http://img02.taobaocdn.com/tps/i2/T156jcXXhfXXcMeXnl-22-160.gif") no-repeat scroll 0px -90px #000000; margin: 12px 6px 0px 15px; overflow: hidden;}.popup-content .cats-tree .fst-cat-name{display: block; float: left; width: 160px; color: #ffffff; height: 40px; line-height: 40px; overflow: hidden; font-size: 14px; font-family: 黑体;}.popup-content .cats-tree .snd-pop{position: absolute; left: -9999px; top: -9999px;}.popup-content .cats-tree .snd-pop-inner{overflow: auto; padding: 10px 0px;}.popup-content .cats-tree .snd-cat-hd{height: 40px; line-height: 40px; border-width: 0px 0px 1px; border-style: dashed; border-color: #fff9f9; -moz-border-top-colors: none; -moz-border-right-colors: none; -moz-border-bottom-colors: none; -moz-border-left-colors: none; border-image: none;}.popup-content .cats-tree .snd-cat-hd:after{content: " "; display: block; height: 0px; clear: both;}.popup-content .cats-tree .snd-cat-icon{float: left; display: block; height: 3px; width: 3px; overflow: hidden; background: url("http://img02.taobaocdn.com/tps/i2/T156jcXXhfXXcMeXnl-22-160.gif") no-repeat scroll 0px -110px #000000; margin: 12px 6px 0px 15px;}.popup-content .cats-tree .snd-cat-name{display: block; float: left; width: 140px; height: 40px; line-height: 40px; overflow: hidden; color: #ffffff;}.popup-content .cats-tree a.snd-cat-name:hover{}.popup-content .cats-tree .cat-hd-hover{background: none repeat scroll 0% 0% #b1c8d7;}.popup-content .cats-tree .cat-hd-hover .fst-cat-icon{background-position: 0px -110px;}.popup-content .cats-tree .cat-hd-hover .fst-cat-name{color: #000000;}.all-cats-popup{width: 180px;}.menu-popup-cats{}.menu-popup-cats .sub-cat{display: block; height: 35px; line-height: 35px; text-indent: 10px; overflow: hidden; background: none repeat scroll 0% 0% #000000; width: 100%; border-width: 0px 0px 1px; border-color: #ffffff; border-style: dashed;}.menu-popup-cats .sub-cat a{height: 35px; display: block; overflow: hidden; color: #ffffff; font-size: 14px; font-family: 黑体; line-height: 35px;}.menu-popup-cats .sub-cat-hover{background: none repeat scroll 0% 0% #b1c8d7;}.skin-box-bd{height: 33px; border-width: 0px 0px 1px; border-style: none none solid; border-color: -moz-use-text-color -moz-use-text-color #b1c8d7; -moz-border-top-colors: none; -moz-border-right-colors: none; -moz-border-bottom-colors: none; -moz-border-left-colors: none; border-image: none;}.skin-box-bd:after{content: " "; display: block; height: 0px; clear: both;}.skin-box-bd a{color: #303030;}.all-cats{float: left; background: none repeat scroll 0% 0% #4d9483; max-width: 170px;}.all-cats .link{display: block; height: 32px; line-height: 32px; padding: 0px 10px; border-right: 1px solid #b1c8d7; border-top: 1px solid #b1c8d7; border-left: 1px solid #b1c8d7; color: #333333; font-size: 14px; font-weight: 700; font-family: Arial;}.all-cats .link:after{content: " "; display: block; height: 0px; clear: both;}.all-cats .link .title{margin-left: 10px; display: block; float: left; color: #ffffff; font-size: 14px; font-family: 黑体;}.all-cats .link .popup-icon{display: block; float: right; width: 15px; height: 14px; margin-top: 8px; background: url("http://img04.taobaocdn.com/imgextra/i4/694987567/T26SxeXwXXXXXXXXXX_!!694987567.png") no-repeat scroll left 0px transparent;}.all-cats-hover .all-cats-trigger .link{background: none repeat scroll 0% 0% #ffffff;}.all-cats-hover .all-cats-trigger .link .title{color: #000000;}.all-cats-hover .all-cats-trigger .link .popup-icon{background: url("http://img04.taobaocdn.com/imgextra/i4/694987567/T26SxeXwXXXXXXXXXX_!!694987567.png") no-repeat scroll right 0px transparent;}.menu-list{float: left;}.menu-list:after{content: " "; display: block; height: 0px; clear: both;}.menu-list .menu{float: left; background: none repeat scroll 0% 0% #4d9483; border-width: 0px 1px 0px 0px; border-style: solid; border-color: #ffffff; -moz-border-top-colors: none; -moz-border-right-colors: none; -moz-border-bottom-colors: none; -moz-border-left-colors: none; border-image: none;}.menu-list .link{display: block; height: 32px; line-height: 32px; padding: 0px 20px; color: #333333; font-size: 14px; font-weight: 700; float: left; background: none no-repeat scroll 0% 0% #f5f8fc; border: medium none; font-family: Arial;}.menu-list .link:after{content: " "; display: block; height: 0px; clear: both;}.menu-list .link .title{display: block; float: left; font-size: 14px; height: 30px; line-height: 30px; font-family: 黑体; color:#FFF;}.menu-list .link .popup-icon{display: block; float: left; width: 15px; height: 14px; margin-top: 8px; margin-left: 12px; background: url("http://img03.taobaocdn.com/tps/i3/T1vEi4XnhyXXXm0Pva-454-340.png") no-repeat scroll -200px -8px transparent;}.menu-list .menu-hover .link{background: url("http://img03.taobaocdn.com/tps/i3/T1vEi4XnhyXXXm0Pva-454-340.png") no-repeat scroll 0px -34px #ffffff;}.menu-list .menu-hover .link .popup-icon{background-position: -220px -8px;}.menu-list .menu-selected{background: url("http://img02.taobaocdn.com/tps/i2/T156jcXXhfXXcMeXnl-22-160.gif") repeat-x scroll 0px -40px #ffffff;}.skin-box-bd{height: 30px; line-height: 30px; border-bottom: 0px none;}.skin-box-bd a{font-weight: normal; color: #ffffff; padding-left: 17px;}.menu-list{width: 762px; height: 30px; overflow: hidden;}.all-cats .link{height: 30px; line-height: 30px; border: 0px none; background: none repeat scroll 0% 0% transparent; color: #ffffff; font-weight: normal; font-size: 12px;}.menu-list .link{height: 30px; line-height: 30px; border: 0px none; background: none repeat scroll 0% 0% #000000; color: #ffffff; font-weight: normal; font-size: 12px;}.all-cats .link{font-size: 12px; width: 150px; background: none repeat scroll 0px 0px #000000;}.all-cats .link .popup-icon{display: none;}.menu-list .link .popup-icon{display: none;}.all-cats .link .popup-icon{display: block; background: url("http://img.taobao.com/L1/142/1312847/modules/tshop-pbsm-shop-nav-ch/assets/images/tran.png") no-repeat scroll center 4px transparent;}.all-cats .menu{background: none repeat scroll 0% 0% transparent;}.all-cats .menu-hover{background: none repeat scroll 0% 0% transparent;}.all-cats .menu-hover .link{background: none repeat scroll 0% 0% transparent;}.menu-list .menu-hover .link{background: none repeat scroll 0% 0% transparent;}.menu-list .menu-selected .link{background: none repeat scroll 0% 0% transparent;}.menu-list .menu-selected{background: none repeat scroll 0% 0% transparent;}.menu-list .menu-hover .link{background: none repeat scroll 0% 0% #ffffff;}.menu-list .menu-hover .link .title{color: #000000;}.menu-list .menu-selected .link{background: none repeat scroll 0% 0% #000000; color: #ffffff; font-weight: normal; font-style: normal;}.menu-list .menu-selected .link .title{display: block; float: left; color: #ffffff; text-decoration: none; font-size: 14px;}.all-cats .link{border: 0px none;}.popup-content{padding: 0px; border: 0px none; background-color: #589889; opacity: 0.9; width: 180px;}.popup-content .cats-tree{margin-bottom: 0px;}.popup-content .cats-tree .fst-cat-icon{display: none;}.popup-content .cats-tree .snd-cat-icon{display: none;}.popup-content .cats-tree .cat-hd-hover{background: none repeat scroll 0% 0% #ffffff;}.popup-content .cats-tree .cat-hd-hover .fst-cat-name{color: #000000;}.popup-content .cats-tree .cat-hd-hover .fst-cat-name:hover{color: #000000;}.popup-content .cats-tree a.snd-cat-name{color: #cfaf9d;}.popup-content .cats-tree .snd-pop-inner{height: auto; padding: 0px; background: none repeat scroll 0% 0% #000000; width: 190px;}.popup-content .cats-tree .snd-pop-inner a{color: #ffffff; font-size: 14px; font-family: 黑体;}.all-cats-hover{}.menu-popup-cats .sub-cat-hover{background: none repeat scroll 0% 0% #ffffff;}.popup-content .cats-tree .snd-cat-hd-hover{background: none repeat scroll 0% 0% #ffffff;}.popup-content .cats-tree .snd-cat-hd-hover .snd-cat-icon{}.popup-content .cats-tree .snd-cat-hd-hover .snd-cat-name{color: #000000;}.popup-content .cats-tree .snd-pop-inner .snd-cat{}.menu-popup-cats .sub-cat-hover a{color: #000000;}

确认还原?将不会保留现在的任何数据!

网站备案号:粤ICP备14045664号

版权归:深圳市万达盛世科技有限公司所有

正在加载,请稍后...