欢迎访问百宝电商培训官网!我们专注于电商培训、淘宝培训、拼多多培训、直播带货培训等帮助提高店铺业绩!
电商培训 | 直播带货培训 | 拼多多培训 | 网站地图 | 加入收藏

百宝电商实战培训基地专业从事淘宝培训和天猫培训的培训机构学校,开设有淘宝培训、网店培训、拼多多培训、抖音直播带货培训等课程。

  • 网站首页
  • 服务项目
  • 讲师团队
  • 电商课程
  • 培训环境
  • 服务案例
  • 电商知识
  • 关于百宝
  • 联系我们
电商培训
淘系课程
拼系课程
抖系课程
店铺孵化
团队组建
运营孵化
企业内训
运营顾问
视觉外包
卖点提炼
产品拍摄
页面设计
淘系课程
淘宝天猫入门课
淘宝天猫美工课
淘宝天猫运营课
拼系课程
拼多多入门课
拼多多运营课
抖系课程
抖音带货运营课
视频拍摄剪辑课

热门排行

  • 淘宝如何去除自定义模块的空白间隙?
  • 淘宝店铺装修如何实现全屏大海报效果?
  • 淘宝天猫店铺下雪效果怎么实现?
  • 淘宝店铺固定背景怎么设置?
  • 全屏海报如何加入多个链接?
  • 淘宝导航条怎么做鼠标经过变色?
  • 淘宝店铺怎么让导航栏透明?
  • 淘宝店铺如何在导航添加自定义页面?
  • 不小心删除模板!如何还原淘宝店铺备份模板?
  • 淘宝天猫店铺怎么装修客服中心?
淘宝运营推广班
您现在的位置是:百宝电商 > 电商分享 > 淘宝美工装修 > 怎么修改淘宝导航条颜色?

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

http://www.mybaibao.com 来源:原创 作者:百宝电商实战培训基地 发布时间: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代码。谢谢大家对百宝淘宝培训的支持

成都百宝电商实战培训基地——专做网店卖家培训
点击参加成都百宝淘宝美工装修培训班
全方位学习淘宝美工装修知识,100%包学会,3-8人小班教学
点击这里给我发消息 点击这里给我发消息 点击这里给我发消息 点击这里给我发消息
本文地址:http://www.mybaibao.com/share/clipart/226.html
分享到:QQ空间新浪微博腾讯微博人人网网易微博
  • 上一篇:怎么用色彩“包装”淘宝店铺?
  • 下一篇:淘宝店铺怎么打造视觉效果?

网友们都在看

  • 手淘首页流量潜力巨大,引流要领先!
  • 最最实用的直通车技巧,开车不翻车!
  • 内容为王!特色商品成为双十二销量主角!
  • 这样运营,一年卖了10个亿!
  • 玩转千人千面,什么是内容营销?
  • 新玩法!比明星代言性价比更高!
  • 海报的配色方案,最实用的配色法!
  • 新品上架怎么获得流量扶持?
  • 淘宝群聊功能,再不会你就输在加速线啦!
  • 还在苦恋价格战?转变思维提高客单价!
  • 关于百宝
    新闻动态
    培训环境
    报读流程
    百宝团队
    品牌故事
    经营理念
    品牌文化
    自编教材
  • 产品&服务
    淘宝培训
    天猫培训
    拼多多培训
    抖音直播带货培训
    店铺托管
    合作运营
  • 旗下品牌
    百宝魔盒
    百宝公开课
    百宝人才库
    百宝电商俱乐部
    百宝电商顾问
  • 联系我们
    网上在线报名
    办公及上课地点
    成为合作者
    加入讲师团队
    媒体合作联系
    政府及产业园
  • 培训地点


    中国 . 成都 . 金牛区 . 金牛万达广场soho D座29层
    全国统一服务热线:400-600-1143
    座机热线:028-83409962

    Copyright © 2015-2022 成都百宝电商实战培训基地 All Rights Reserved 网站备案/许可证号:蜀ICP备12007188号
    成都百宝教育咨询有限公司是成都专业电商培训机构,专业提供淘宝培训,电商培训,微商培训,阿里巴巴培训,淘宝美工摄影培训,京东运营推广培训等课程。
    ×
    业务合作
    • 淘宝天猫课程
    • 抖音商城课程
    • 拼多多课程
    • 店铺托管合作
    • 店铺运营合作
    微信咨询