下面是自定义导航的示例. 首先要了解,什么是自定义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}
看一下效果哦!【用了红绿配,赛狗屁的颜色。让大家可以更加深刻的对比代码中的颜色。】
想了解更多样式,可以来这里学习css
补充: 1:可以注意到, 每个样式最前面有个.tshop-pbsm-shop-nav-ch 前缀, 意思是这个样式只能作用在导航上面,而不会影响到其他模块样式. 如果卖家在写的时候不加上这个前缀,系统会默认帮助加上, 同样是为了这个样式只作用在导航上,不影响到其他模块 2: css的样式值,同样有些样式是不能写的,比如 expression这个可执行js代码的属性,是不允许使用的. 具体样式使用的白名单请参考 |
|