你好,欢迎来到美迪电商教育! 网站首页 培训课程 干货分享 申请讲师 网站地图
国内24小时招生热线
400-800-4439

怎么修改淘宝导航条颜色?

来源:https://www.mede.com.cn 作者:美迪电商学院 发布时间:2014-03-07 14:41 点击:
         在电商这么火爆的时候,相信很多实体店的老板也会来掺一脚,可是却遇到很多都不懂的,觉得请人做又浪费了钱,那么广州美迪淘宝美工培训手把手免费教你怎么修改导航条,其中会涉及到一些css的元素,所以没学过的要耐心看,以免出错了。
 
 
        导航条色彩css代码(复制下面代码即可):
 
 
/* 导航条背景色*/ .skin-box-bd .menu-list{background: none repeat
 
scroll 0 0 #f86c4c}
 
/*首页/店铺动态背景色*/
 
.skin-box-bd .menu-list .link{background: none repeat scroll 0 0
 
#f86c4c}
 
/*首页/店铺动态右边线*/
 
.skin-box-bd .menu-list .menu{border-right:1px #f86c4c solid;}
 
/*首页/店铺动态文字颜色*/
 
.skin-box-bd .menu-list .menu .title{color:#000000}
 
/*所有分类背景色*/
 
.all-cats .link{background: none repeat scroll 0 0 #f86c4c;}
 
/*所有分类右边线*/
 
.all-cats .link{border-right:1px #f86c4c solid;}
 
/*所有分类文字颜色*/
 
.skin-box-bd .all-cats .title{color:#000000}
 
.skin-box-bd{height:35px;background:url
 
(http://zx.kaitao.cn/shangchuan/20131016111822.jpg) no-repeat 0
 
0;}.skin-box-bd a{color:#FFFFFF;font-family:微软雅黑;font-
 
size:14px;font-weight:normal;}.skin-box-bd .menu
 
{background:none;line-height:35px;}.skin-box-bd .menu-list
 
{height:35px;}.skin-box-bd .menu-list .link .title
 
{margin:0px;}.skin-box-bd .menu-list .link
 
{background:none;height:35px;line-height:35px;padding:0
 
20px;}.skin-box-bd .menu-list .menu{padding-right:0px;}.skin-box-bd
 
.menu-list .menu a{background:url
 
(http://img.taobao.com/L1/142/404327582/assets/images/head/nav_li_bg
 
.jpg) no-repeat right center;font-family:微软雅黑;font-
 
weight:normal;}.skin-box-bd .menu-list .menu a:hover{background:url
 
(http://zx.kaitao.cn/shangchuan/20131016111827.png) no-repeat 0
 
center;cursor:pointer;}.skin-box-bd .menu-list .menu a span{font-
 
size:15px;color:#000;}.skin-box-bd .all-cats .link
 
{background:none;line-height:35px;padding:0
 
10px;width:168px;}.skin-box-bd .all-cats .link{background:url
 
(http://zx.kaitao.cn/shangchuan/20131016111827.png) no-repeat 0
 
center;border:none;color:#FFF;font-family:微软雅黑;font-
 
size:15px;font-weight:normal;height:35px;line-height:35px;}.skin-
 
box-bd .all-cats .link .title{font-size:15px;margin-
 
left:10px;}.skin-box-bd .all-cats .link .popup-icon
 
{display:none;}.skin-box-bd .popup-content
 
{background:#F68B8B;border:none;}.skin-box-bd .popup-content .cats-
 
tree .snd-pop-inner{background:#65B6A4;}.skin-box-bd .popup-content
 
.cats-tree .cat-hd:hover,.skin-box-bd .popup-content .cats-tree
 
.cat-hd-hover{background:#86CABB;}.skin-box-bd .popup-content
 
.cats-tree .snd-cat-hd:hover,.skin-box-bd .popup-content .cats-tree
 
.snd-cat-hd-hover{background:#D90724;}.skin-box-bd .popup-content
 
.cats-tree .has-children{background:none;}.skin-box-bd .popup-
 
content .cats-tree .fst-cat-icon{background:none;}.skin-box-bd
 
.popup-content .cats-tree .snd-cat-icon{background:none;}.skin-box-
 
bd .menu-list .link .popup-icon{display:none;}.skin-box-bd .menu-
 
popup-cats .sub-cat-hover{background:#86CABB;}
 
        1、  我们把以上代码复制好,然后打开店铺装修,点击你的导航栏,选择编辑;
 
        2、  在出现的导航代码编辑框中,选择“显示设置”,下面所示:

        怎么修改淘宝导航?

        3、  将代码黏贴到编辑框中,选择确定。然后保存就可以看到效果了。
 
       怎么修改淘宝导航?

 
        如果你还是不喜欢以上的颜色,这样可以修改background:#后面的数字,颜色代码可以去百度找到,具体搜索颜色css代码。谢谢大家对美迪淘宝培训的支持
广州美迪电商教育——专做网店卖家培训
全方位学习电商知识,全部实操课程边学边做,3-16人小班教学
点击这里给我发消息 点击这里给我发消息 点击这里给我发消息 点击这里给我发消息
本文地址:https://www.mede.com.cn/share/clipart/226.html
您可能感兴趣
  1. 2024-04-17
  2. 2024-04-15
  3. 2024-04-13
  4. 2024-04-11
  5. 2024-04-09
  6. 2024-04-08
  7. 2024-04-07
  8. 2024-04-02
  9. 2024-03-29
  10. 2024-03-28
在线客服 在线报名
免费电话