快消品货源批发市场
快消品货源分销平台
 
 
当前位置: 货源批发网 » 网商学院 » 网店装修 » 淘宝店铺装修 » 怎么修改淘宝导航条颜色?

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

放大字体  缩小字体 发布日期:2024-08-22 08:31:09  来源:电商联盟  作者:乐发网  浏览次数:24

在电商这么火爆的时候,相信很多实体店的老板也会来掺一脚,可是却遇到很多都不懂的,觉得请人做又浪费了钱,那么广州淘宝美工培训手把手免费教你怎么修改导航条,其中会涉及到一些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./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./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./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代码。谢谢大家对淘宝培训的支持

乐发网超市批发网提供超市货源信息,超市采购进货渠道。超市进货网提供成都食品批发,日用百货批发信息、微信淘宝网店超市采购信息和超市加盟信息.打造国内超市采购商与批发市场供应厂商搭建网上批发市场平台,是全国批发市场行业中电子商务权威性网站。

本文内容整合网站:百度百科知乎淘宝平台规则

本文来源: 怎么修改淘宝导航条颜色?

分享与收藏:  网商学院搜索  告诉好友  关闭窗口  打印本文 本文关键字:
 
更多..资源下载
淘宝店铺装修图文
淘宝店铺装修如何实现全屏轮播 【官方】新旺铺教程之宝贝详情模板
淘宝装修子账号设置流程 淘宝天猫宝贝详情页模板添加关联产品连带的方法
淘宝店铺装修网商学院推荐
淘宝店铺装修点击排行
 
手机版 手机扫描访问