淘宝天猫VIP

阿里国内站VIP

阿里国际站VIP

京东平台VIP

疯狂插件VIP

全站通VIP

当前位置: 首页 经验分享/新闻资讯 经验分享/常见问题解答

淘宝天猫商城新旺铺导航自定义CSS代码简单设置参考教程

收藏 邀请

新旺铺导航是可以更换颜色和式样的哟 这里需要一些css的小技巧 。操作位置如下:

下面是自定义导航的示例. 首先要了解,什么是自定义css

CSS 也叫层叠样式表单, 是用于(增强)控制网页样式并允许将样式信息与网页内容分离的一种标记性语言
店铺导航开放css设定,就是说让卖家通过css来让导航展现的更加丰富自定义,交给卖家控制。
以下内容由讲师镜子猫提供 原帖:http://bbs.taobao.com/catalog/thread/510526-259543798.htm

以下文字内容可以一同复制使用,不会影响到使用效果哦!
 
/* 导航条背景色*/
.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}
 
看一下效果哦!【用了红绿配,赛狗屁的颜色。让大家可以更加深刻的对比代码中的颜色。】

T1wwz3XkNcXXaCwpjX.png

想了解更多样式,可以来这里学习css
http://www.w3cschool.cn/css_intro.html 
 
补充:
1:可以注意到, 每个样式最前面有个.tshop-pbsm-shop-nav-ch 前缀, 意思是这个样式只能作用在导航上面,而不会影响到其他模块样式.
如果卖家在写的时候不加上这个前缀,系统会默认帮助加上, 同样是为了这个样式只作用在导航上,不影响到其他模块
2: css的样式值,同样有些样式是不能写的,比如 expression这个可执行js代码的属性,是不允许使用的.
   具体样式使用的白名单请参考
 
旺铺2012页头整体限高150PX。所以当店招设为150PX时,导航会被挤下去。
所以页头过高时,导航会被截断。解决办法就是调整店招高度。
热门问题答疑
1导航误删怎么找回来?
导航模块不可删除。如果装修发布后导航不见了,可以将店铺招牌尺寸修改为:950*120 px
(页头高150px包含店铺招牌和导航,如果店铺招牌高设置成150px,发布后导航可能消失不见)


路过

雷人

握手

鲜花

鸡蛋
该文章已有0人参与评论

请发表评论

全部评论

阅读排行榜

关注官方微信

开放QQ群

美工5群:1061710658

美工3群:199**044(满

极限词群:951970623

平台简介

十年疯狂 初心不变:从2013年至今我们一直在研究和探索电商设计师所面临的难题最佳解决方案,我们致力打造一款更好用,更实用电商设计师辅助工具,疯狂十年只为做好一件事,以开放共享共赢的心态,更好的服务于广大电商设计师。
by:疯狂的美工电商设计师学习交流平台

手机版- 疯狂的美工 |网站地图

赣公网安备 36070202000375号

ICP证(电信增值许可证):赣B2-20220105 本站支持IPv6访问

Powered by Fkdmg.Com © 2013-2024    赣ICP备18006944号-1