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