上一節(jié)課我們說了旺鋪導(dǎo)航的添加設(shè)置，本文再次給大家講解如何設(shè)置自定義導(dǎo)航，了解什么是自定義css，希望能幫助到你們。
什么是自定義CSS?
CSS 也叫層疊樣式表單, 是用于(增強(qiáng))控制網(wǎng)頁樣式并允許將樣式信息與網(wǎng)頁內(nèi)容分離的一種標(biāo)記性語言
店鋪導(dǎo)航開放css設(shè)定,就是說讓賣家通過css來讓導(dǎo)航展現(xiàn)的更加豐富自定義,交給賣家控制。
以下文字內(nèi)容可以一同復(fù)制使用，不會影響到使用效果哦!
.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}
看一下效果哦!【用了紅綠配，賽狗屁的顏色。讓大家可以更加深刻的對比代碼中的顏色。】
補(bǔ)充:
1:可以注意到, 每個(gè)樣式最前面有個(gè).tshop-pbsm-shop-nav-ch 前綴, 意思是這個(gè)樣式只能作用在導(dǎo)航上面,而不會影響到其他模塊樣式.
如果賣家在寫的時(shí)候不加上這個(gè)前綴,系統(tǒng)會默認(rèn)幫助加上, 同樣是為了這個(gè)樣式只作用在導(dǎo)航上,不影響到其他模塊
2: css的樣式值,同樣有些樣式是不能寫的,比如 expression這個(gè)可執(zhí)行js代碼的屬性,是不允許使用的.
具體樣式使用的白名單請參考
旺鋪2012頁頭整體限高150PX。所以當(dāng)?shù)暾性O(shè)為150PX時(shí)，導(dǎo)航會被擠下去。
所以頁頭過高時(shí)，導(dǎo)航會被截?cái)唷＝鉀Q辦法就是調(diào)整店招高度。
熱門問題答疑
1、導(dǎo)航誤刪怎么找回來?
導(dǎo)航模塊不可刪除。如果裝修發(fā)布后導(dǎo)航不見了，可以將店鋪招牌尺寸修改為：950*120 px
(頁頭高150px包含店鋪招牌和導(dǎo)航，如果店鋪招牌高設(shè)置成150px，發(fā)布后導(dǎo)航可能消失不見)
2 、css不會用，代碼不會寫怎么辦?
可以參考以下三篇文章：
《導(dǎo)航css代碼在線生成工具》
《賣家分享至導(dǎo)航css代碼修改技巧》
《賣家分享之全屏自定義導(dǎo)航教程》
3、 經(jīng)典導(dǎo)航案例
4、導(dǎo)航兩側(cè)超出950的部分怎么去掉?
解決方案：此區(qū)域?qū)儆陧擃^背景區(qū)。可通過設(shè)置頁頭背景進(jìn)行裝修。
操作路徑：裝修-樣式管理-背景設(shè)置-頁頭背景
以上便是新版旺鋪利用css做自定義導(dǎo)航的過程，希望對你們有用!
樂發(fā)網(wǎng)超市批發(fā)網(wǎng)提供超市貨源信息,超市采購進(jìn)貨渠道。超市進(jìn)貨網(wǎng)提供成都食品批發(fā),日用百貨批發(fā)信息、微信淘寶網(wǎng)店超市采購信息和超市加盟信息.打造國內(nèi)超市采購商與批發(fā)市場供應(yīng)廠商搭建網(wǎng)上批發(fā)市場平臺,是全國批發(fā)市場行業(yè)中電子商務(wù)權(quán)威性網(wǎng)站。
本文內(nèi)容整合網(wǎng)站：百度百科、知乎、淘寶平臺規(guī)則
