旺铺导航个性化展示，如何利用css设置自定义导航？
上一节课我们说了旺铺导航的添加设置，本文再次给大家讲解如何设置自定义导航，了解什么是自定义css，希望能帮助到你们。
CSS也叫层叠样式表单,是用于(增强)控制网页样式并允许将样式信息与网页内容分离的一种标记性语言
店铺导航开放css设定,就是说让卖家通过css来让导航展现的更加丰富自定义,交给卖家控制。
以下文字内容可以一同复制使用，不会影响到使用效果哦!
/*导航条背景色*/
.skin-box-bd.menu-list{background:nonerepeatscroll00#00ad08;}
/*首页/店铺动态背景色*/
.skin-box-bd.menu-list.link{background:nonerepeatscroll00#00ad08;}
/*首页/店铺动态右边线*/
.skin-box-bd.menu-list.menu{border-right:1px#006205solid;}
/*首页/店铺动态文字颜色*/
.skin-box-bd.menu-list.menu.title{color:#ff0000}
/*所有分类背景色*/
.all-cats.link{background:nonerepeatscroll00#00ad08;}
/*所有分类右边线*/
.all-cats.link{border-right:1px#006205solid;}
/*所有分类文字颜色*/
.skin-box-bd.all-cats.title{color:#ff0000}
看一下效果哦!【用了红绿配，赛狗屁的颜色。让大家可以更加深刻的对比代码中的颜色。】
提升充:
1:可以注意到,每个样式最前面有个.tshop-pbsm-shop-nav-ch前缀,意思是这个样式只能作用在导航上面,而不会影响到其他模块样式.
如果卖家在写的时候不加上这个前缀,系统会默认帮助加上,同样是为了这个样式只作用在导航上,不影响到其他模块
2:css的样式值,同样有些样式是不能写的,比如expression这个可执行js代码的属性,是不允许使用的.
具体样式使用的白名单请参考
旺铺2012页头整体限高150PX。所以当店招设为150PX时，导航会被挤下去。
所以页头过高时，导航会被截断。解决办法就是调整店招高度。
导航模块不可删除。如果装修发布后导航不见了，可以将店铺招牌尺寸修改为：950*120px
(页头高150px包含店铺招牌和导航，如果店铺招牌高设置成150px，发布后导航可能消失不见)
可以参考以下三篇文章：
《导航css代码在线生成工具》
《卖家分享至导航css代码修改技巧》
《卖家分享之全屏自定义导航教程》
解决方案：此区域属于页头背景区。可通过设置页头背景进行装修。
操作路径：装修-样式管理-背景设置-页头背景
以上便是新版旺铺利用css做自定义导航的过程，希望对你们有用!
相关文章
-
淘宝店铺如何设置导航条(关于淘宝店铺导航条设置的注意事项)
下面是针对这一问题，了6个常见的疑问与答案。,这样不只能够让导航条愈加凸显，方便用户寻觅，还能够节省页面空间，让更多的商品展示在页面上。,一般来说，淘宝店肆导航条应该包含“首页”、“新品上市”、“热门出售”、“限时扣头”、“店肆分类”等常见内容，针对性强的也能够设置自己店肆独有的导航内容，以便为用户供给更多的挑选。
2024-03-14 16:25 -
拼多多用哪个导航好用点？拼多多上的导航靠谱么？
底部导航栏通常包含首页、分类、消息、购物车和我的等功能模块，非常直观且易于操作。,这两种导航方式各有优势，用户可以根据自己的喜好和使用习惯来选择。,除了基本的浏览商品、搜索和购买功能外，拼多多还提供了优惠券、秒杀等特色功能，让用户可以享受到更多的购物福利。
2024-03-13 15:30 -
抖音怎么自定义导航栏？怎么设置？
抖音作为当今最受欢迎的短视频平台之一，其用户界面也在不断升级和改进。,本文将向大家介绍如何在抖音上实现自定义导航栏，并探讨其设置方法和步骤。,4、在编辑模式下，可以看到当前导航栏上已经显示了一些默认的选项，比如“首页”、“同城”、“消息”等。
2024-03-13 17:43 -
抖音顶部的导航栏如何调整？其他导航栏调整选项
这样，您可以将最感兴趣的频道置于顶部，以便更方便地访问。,您可以根据自己的喜好选择显示哪些内容，或者关闭某些筛选功能以简化界面。,您可以在个人中心中编辑个人信息、查看粉丝和关注列表等。
2024-03-13 17:43 -
抖音底部导航栏怎么设置？怎么修改首页的栏目？
抖音作为中国最受欢迎的短视频分享平台之一，其底部导航栏的设置对用户的使用体验至关重要。底部导航栏能够帮助用户快速导航到不同的功能模块，方便浏览和使用。一、抖音底部导航栏怎么设置？抖音的底部导航栏默认包含了一些常用的功能按钮，如首页、关注、消息、我等。然而，抖音也提供了一定的自定义功能，允许用户根据自己的需求进行底部导航栏的设置。打开抖音APP：首先，确保您已经下载并安装了最新版本的抖音应用程序。然
2024-03-13 17:41 -
一个好的淘宝活动网店装修我们应该怎样去布局你知道吗?
很多的淘宝卖家在报名参加完网店装修以后肯定是要对网店装修重新进行布局优化的，但是我们具体应该怎么样去做呢?下面我就来和大家讲一下吧。,除了以上三个位置，我们还建议把店招也设置了。,一个好的淘宝活动网店装修我们应该怎样去布局你知道了吧。
2024-03-22 18:24 -
抖音同城被经验替换了怎么办？抖音顶部的导航栏如何调整？
随着抖音不断升级和改进，有时候用户可能会发现抖音的一些功能或界面发生了变化，比如同城功能被经验替换。,本文将为您详细介绍如何应对抖音同城被经验替换的情况，以及如何调整顶部导航栏，让您更好地享受抖音的乐趣。,以下是一些调整顶部导航栏的方法：浏览热门内容：在抖音的顶部导航栏中，您可以找到“热门”选项，点击这个选项可以让您浏览当前最热门的视频和话题。
2024-03-22 16:40 -
抖音底部导航栏怎么设置位置？抖音头像怎么设置全图？
在抖音中，底部导航栏是一个关键的界面元素，它帮助用户快速切换不同功能模块。,二、抖音头像怎么设置全图与底部导航栏不同，抖音头像是一个可以自定义的元素，您可以设置为全图或自己喜欢的形状。,调整头像位置：一旦您选择了新的照片，您可以使用手指在照片上缩放和移动，以调整头像的位置和大小。
2024-03-22 16:36 -
抖音顶部导航栏怎么设置？抖音底部导航栏调整方法是什么？
本文将深入探讨如何在抖音上设置顶部导航栏，以便更好地满足您的需求。,通常，抖音允许您从“主页”、“发现”、“拍摄”、“消息”和“通知”中进行选择。,恢复默认设置：如果您想要还原默认的顶部导航栏设置，可以返回到功能设置页面，找到“顶部导航栏”选项，选择默认设置即可。
2024-03-22 16:18 -
拼多多导航员什么意思？要注意什么？
拼多多导航员是衡量店铺综合服务能力的数据指标，包括售后服务、商品品质、物流服务、客服咨询、交易纠纷共5个维度，涉及影响消费者体验的7个指标。,很多店铺是超30%，达到这个标准就可以有报名的资格，当然越高越好。,所以，在这个期间，大家都需要关注用户给到的评分。
2024-03-22 14:30