淘宝旺铺装修如何利用css设置自定义导航
时间:1970-01-01 | 作者:骑光打字机 | 阅读:99CSS 也叫层叠样式表单, 是用于(增强)控制网页样式并允许将样式信息与网页内容分离的一种标记性语言
店铺导航开放css设定,就是说让卖家通过css来让导航展现的更加丰富自定义,交给卖家控制。
以下文字内容可以一同复制使用,不会影响到使用效果哦!
/* 导航条背景色*/
.skin-box-bd .menu-list{background: none repeat scroll 0 0 #00ad08;}
/*首页/店铺动态背景色*/
.skin-box-bd .menu-list .link{background: none repeat scroll 0 0 #00ad08;}
/*首页/店铺动态右边线*/
.skin-box-bd .menu-list .menu{border-right:1px #006205 solid;}
/*首页/店铺动态文字颜色*/
.skin-box-bd .menu-list .menu .title{color:#ff0000}
/*所有分类背景色*/
.all-cats .link{background: none repeat scroll 0 0 #00ad08;}
/*所有分类右边线*/
.all-cats .link{border-right:1px #006205 solid;}
/*所有分类文字颜色*/
.skin-box-bd .all-cats .title{color:#ff0000}
看一下效果哦!【用了红绿配,赛狗屁的颜色。让大家可以更加深刻的对比代码中的颜色。】
补充:
1:可以注意到, 每个样式最前面有个.tshop-pbsm-shop-nav-ch 前缀, 意思是这个样式只能作用在导航上面,而不会影响到其他模块样式.
如果卖家在写的时候不加上这个前缀,系统会默认帮助加上, 同样是为了这个样式只作用在导航上,不影响到其他模块
2: css的样式值,同样有些样式是不能写的,比如 expression这个可执行js代码的属性,是不允许使用的.
具体样式使用的白名单请参考
旺铺2012页头整体限高150PX。所以当店招设为150PX时,导航会被挤下去。
所以页头过高时,导航会被截断。解决办法就是调整店招高度。
热门问题答疑
1、导航误删怎么找回来?
导航模块不可删除。如果装修发布后导航不见了,可以将店铺招牌尺寸修改为:950*120 px
(页头高150px包含店铺招牌和导航,如果店铺招牌高设置成150px,发布后导航可能消失不见)
2 、css不会用,代码不会写怎么办?
可以参考以下三篇文章:
《导航css代码在线生成工具》
《卖家分享至导航css代码修改技巧》
《卖家分享之全屏自定义导航教程》
3、 经典导航案例
4、导航两侧超出950的部分怎么去掉?
解决方案:此区域属于页头背景区。可通过设置页头背景进行装修。
操作路径:装修-样式管理-背景设置-页头背景
免责声明:文中图文均来自网络,如有侵权请联系删除,心愿游戏发布此文仅为传递信息,不代表心愿游戏认同其观点或证实其描述。
相关文章
更多-
- 这颗八脚芯片为何五十年不停产淘宝几毛钱就能买到
- 时间:2026-08-23
-
- 淘宝描述加载中怎么办?解决方法与步骤详解
- 时间:2026-08-23
-
- 淘宝女装省钱攻略 购物技巧与优惠秘籍
- 时间:2026-08-23
-
- 淘宝快递地址填错怎么拒收及地址写错处理方法
- 时间:2026-08-21
-
- 淘宝淘友圈关闭方法
- 时间:2026-08-20
-
- 淘宝旺信购物使用指南
- 时间:2026-08-19
-
- 淘宝快递地址填错了怎么办及修改处理方法
- 时间:2026-08-18
-
- 淘宝未发货秒退怎么关闭及商家应对方法
- 时间:2026-08-18
精选合集
更多大家都在玩
大家都在看
更多-
- 蚂蚁新村小课堂今日答案9月30日 职业分类大典中工种与职业的关系是
- 时间:2026-09-30
-
- 蚂蚁新村2026年9月30日答案最新
- 时间:2026-09-30
-
- 蚂蚁庄园答案2026年10月1日
- 时间:2026-09-30
-
- 蚂蚁庄园今天答题答案2026年10月1日
- 时间:2026-09-30
-
- 蚂蚁庄园今日答案2026年10月1日
- 时间:2026-09-30
-
- “国庆”一词最早见于我国哪个朝代 蚂蚁庄园今日答案10.1
- 时间:2026-09-30
-
- 小鸡答题今天的答案是什么2026年10月1日
- 时间:2026-09-30
-
- 蚂蚁庄园每日答题答案2026年10月1日
- 时间:2026-09-30