新旺鋪教程之導航

如何編輯旺鋪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的部分怎麼去掉？

解決方案：此區域屬於頁頭背景區。可經過設置頁頭背景進行裝修。

操做路徑：裝修-樣式管理-背景設置-頁頭背景