旺鋪導航個性化展示，如何利用css設置自定義導航？

上一節(jié)課我們說了旺鋪導航的添加設置，本文再次給大家講解如何設置自定義導航，了解什么是自定義css，希望能幫助到你們。

什么是自定義CSS?

CSS 也叫層疊樣式表單, 是用于(增強)控制網(wǎng)頁樣式并允許將樣式信息與網(wǎng)頁內容分離的一種標記性語言 店鋪導航開放css設定,就是說讓賣家通過css來讓導航展現(xiàn)的更加豐富自定義,交給賣家控制。

以下文字內容可以一同復制使用，不會影響到使用效果哦!

/* 導航條背景色*/ .skin-box-bd .menu-list{background: none repeat scroll 0 0 #00ad08;

} /*首頁/店鋪動態(tài)背景色*/ .skin-box-bd .menu-list .link{background: none repeat scroll 0 0 #00ad08;

} /*首頁/店鋪動態(tài)右邊線*/ .skin-box-bd .menu-list .menu{border-right:1px #006205 solid;

} /*首頁/店鋪動態(tài)文字顏色*/ .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} 看一下效果哦!

【用了紅綠配，賽狗屁的顏色。

讓大家可以更加深刻的對比代碼中的顏色。

】 補充: 1:可以注意到, 每個樣式最前面有個.tshop-pbsm-shop-nav-ch 前綴, 意思是這個樣式只能作用在導航上面,而不會影響到其他模塊樣式. 如果賣家在寫的時候不加上這個前綴,系統(tǒng)會默認幫助加上, 同樣是為了這個樣式只作用在導航上,不影響到其他模塊 2: css的樣式值,同樣有些樣式是不能寫的,比如 expression這個可執(zhí)行js代碼的屬性,是不允許使用的. 具體樣式使用的白名單請參考 旺鋪2012頁頭整體限高150PX。

所以當?shù)暾性O為150PX時，導航會被擠下去。

所以頁頭過高時，導航會被截斷。

解決辦法就是調整店招高度。

熱門問題答疑 1、導航誤刪怎么找回來?

導航模塊不可刪除。

如果裝修發(fā)布后導航不見了，可以將店鋪招牌尺寸修改為：950*120 px (頁頭高150px包含店鋪招牌和導航，如果店鋪招牌高設置成150px，發(fā)布后導航可能消失不見) 2 、css不會用，代碼不會寫怎么辦?

可以參考以下三篇文章： 《導航css代碼在線生成工具》 《賣家分享至導航css代碼修改技巧》 《賣家分享之全屏自定義導航教程》 3、 經(jīng)典導航案例 4、導航兩側超出950的部分怎么去掉?

解決方案：此區(qū)域屬于頁頭背景區(qū)。

可通過設置頁頭背景進行裝修。

操作路徑：裝修-樣式管理-背景設置-頁頭背景 以上便是新版旺鋪利用css做自定義導航的過程，希望對你們有用!

這個問題還有疑問的話，可以加幕.思.城火星老師免費咨詢，微V.信X號是為: msc496。