新旺铺教程之导航

如何编辑旺铺2012 的导航呢？进入店铺后台，选择导航处的”编辑“：

1.在打开的弹窗里面选择”添加“：

 

2.添加宝贝分类至导航操做以下：

 

3.添加页面至导航操做以下：

 

 

4.添加自定义连接至导航操做以下：

 

5.设置好的内容能够在此调整位置或删除：

6.在前台展现以下：

 

 

新旺铺导航是能够更换颜色和式样的哟 这里须要一些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}

 

看一下效果哦！【用了红绿配，赛狗屁的颜色。让你们能够更加深入的对比代码中的颜色。】

 

 

想了解更多样式，能够来这里学习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，发布后导航可能消失不见）

 

2 css不会用，代码不会写怎么办？

能够参考下面三个卖家分享帖子：

 

3 经典导航案例

 

 

 4 导航两侧超出950的部分怎么去掉？

解决方案：此区域属于页头背景区。可经过设置页头背景进行装修。

操做路径：装修-样式管理-背景设置-页头背景