淘宝导航栏底色怎么改?很多小伙伴们不知道淘宝导航栏底色怎么改,当你对淘宝导航栏底色不再喜欢时,修改淘宝导航栏底色变成了困扰你的难题了,那么淘宝导航栏底色怎么改?小编就来和大家一起学习下淘宝导航栏底色怎么改。
淘宝导航栏底色怎么改?
导航条色彩css代码(复制下面代码即可):
/*导航条背景色*/.skin-box-bd.menu-list{background:nonerepeat
scroll00#f86c4c}
/*首页/店铺动态背景色*/
.skin-box-bd.menu-list.link{background:nonerepeatscroll00
#f86c4c}
/*首页/店铺动态右边线*/
.skin-box-bd.menu-list.menu{border-right:1px#f86c4csolid;}
/*首页/店铺动态文字颜色*/
.skin-box-bd.menu-list.menu.title{color:#000000}
/*所有分类背景色*/
.all-cats.link{background:nonerepeatscroll00#f86c4c;}
/*所有分类右边线*/
.all-cats.link{border-right:1px#f86c4csolid;}
/*所有分类文字颜色*/
.skin-box-bd.all-cats.title{color:#000000}
.skin-box-bd{height:35px;background:url
(/shangchuan/20131016111822.jpg)no-repeat0
0;}.skin-box-bda{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.menua{background:url
(http://img.taobao.com/L1/142/404327582/assets/images/head/nav_li_bg
.jpg)no-repeatrightcenter;font-family:微软雅黑;font-
weight:normal;}.skin-box-bd.menu-list.menua:hover{background:url
(/shangchuan/20131016111827.png)no-repeat0
center;cursor:pointer;}.skin-box-bd.menu-list.menuaspan{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
(/shangchuan/20131016111827.png)no-repeat0
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;}
将上面的代码全选后,复制,然后打开店铺装修,点击到导航条,选择编辑。
在出现的导航代码编辑框中,选择“显示设置”,如图所示:
将代码黏贴到编辑框中,选择确定。
然后保存就可以看到效果了。
如果你对这个色彩不满意,可以对代码中的background及其#后面的颜色进行修改。
最后这里就是淘宝导航栏底色怎么改的介绍了,看了小编我的介绍内容你了解了淘宝导航栏底色怎么改了吗?小伙伴们是不是都懂了呢?更多好玩有趣资讯请关注装修宅。
相关文章
-
旺铺装修模板如何自定义css
但是,用了旺铺模板之后并没有感觉美观,这就是问题。,用旺铺模板要懂点基本的CSS知识,今天我们就从店招开始为大家介绍下。,/*导航条背景色*/.skin-box-bd.menu-list{background:nonerepeatscroll00#00ad08;}/*首页/店铺动态背景色*/.skin-box-bd.menu-list.link{background:nonerepeatscrol
2024-03-21 09:35 -
2012旺铺中导航颜色/文字的CSS的做法
淘宝2012新旺铺导航颜色/文字CSS怎么做?,千万别写错了,不然麻烦就大了/*导航条背景色*/.skin-box-bd{background:nonerepeatscroll00#00ad08;}.skin-box-bd.menu-list{background:nonerepeatscroll00#00ad08;}/*首页/店铺动态背景色*/.skin-box-bd.menu-list.lin
2024-03-21 09:35 -
2012旺铺中导航颜色/文字的CSS怎么制作
我们的CSS代码就要书写在这里。,千万别写错了,不然麻烦就大了/*导航条背景色*/.skin-box-bd{background:nonerepeatscroll00#00ad08;}.skin-box-bd.menu-list{background:nonerepeatscroll00#00ad08;}/*首页/店铺动态背景色*/.skin-box-bd.menu-list.link{backg
2024-03-21 09:35 -
淘宝网店如何改变导航条颜色
很多淘宝卖家们在下载了淘宝专业版模板之后,往往不满足于模板的色彩搭配,尤其是导航条的色彩,于是想修改导航条的颜色,那么如何修改呢,这里要用到一些代码。,今天我们给大家提供一款导航条色彩css,操作方法呢也很简单。,导航条色彩css代码(复制下面代码即可):/*导航条背景色*/.skin-box-bd.menu-list{background:nonerepeatscroll00#f86c4c}/*
2024-03-21 09:10 -
eBay英国站与Riskinned达成合作
数据显示,2021年,eBay共回收了超过17,770吨的时尚物品,使它们不被填埋于垃圾场。,值得一提的是,今年4月,eBay英国站宣布推出“Imperfects”平台,旨在减少对时尚产品的浪费行为。,在Imperfects上购买,买家还能享受免费送货和30天退货,并提供退款保证。
2024-03-18 09:44
热门标签
-
淘宝店铺点击图片收藏店铺怎么弄?
2024-03-20 11:15
-
淘宝发布商品图片尺寸多大合适?
2024-03-20 11:16
-
淘宝宝贝长图作用有哪些?淘宝宝贝长图怎么发布?
2024-03-20 11:16
-
手机淘宝主图怎么优化?手机淘宝主图需要注意什么?
2024-03-20 11:16
-
ps淘宝详情页制作步骤有哪些?
2024-03-20 11:16
-
淘宝详情页ps怎么设计?如何设计美观详情页
2024-03-20 11:16
-
淘宝如何编辑宝贝规格?
2024-03-20 11:16
-
手机淘宝如何编辑宝贝?
2024-03-20 11:16
-
淘宝如何编辑宝贝详情?编辑详解
2024-03-20 11:16
-
淘宝宝贝详情图片制作怎么做?
2024-03-20 11:16
-
怎么制作淘宝图文详情?如何制作?
2024-03-20 11:16
-
宝贝详情文字描述制作,板块又如何制作?
2024-03-20 11:16
-
宝贝详情图片制作要注意什么?
2024-03-20 11:16
-
如何制作宝贝详情模板?制作步骤如何?
2024-03-20 11:16
-
旺铺:淘宝详情页装修教程
2024-03-20 11:16
-
淘宝活动图片怎么做?淘宝装修教程
2024-03-20 11:16
-
淘宝神笔怎么添加热区?如何添加?
2024-03-20 11:16
-
淘宝神笔热区怎么用?如何使用?
2024-03-20 11:16
-
淘宝神笔自定义模板要钱吗?
2024-03-20 11:16
-
淘宝神笔自定义模板怎么加链接?步骤又如何?
2024-03-20 11:16