教你制作最精良的CSS自定義導(dǎo)航條

導(dǎo)航條對于淘寶店鋪來說就是消費(fèi)者的指路燈，可以將顧客順利引導(dǎo)到需要的界面，裝修出優(yōu)質(zhì)的導(dǎo)航更能提搞店鋪的轉(zhuǎn)化，為店鋪的整體加分。
如何才能裝修出優(yōu)質(zhì)的導(dǎo)航條呢？這一點(diǎn)可能讓很多中小賣家都很頭疼，畢竟是需要通過CSS自定義功能來實(shí)現(xiàn)對于導(dǎo)航條的完美蛻變，況且CSS不是短時(shí)間就能學(xué)會的，但是我們會用最直接最簡單的方式教大家做出個(gè)性完美的css自定義導(dǎo)航，讓我們賣家都能學(xué)會如何簡單運(yùn)用CSS代碼做好導(dǎo)航條。
CSS導(dǎo)航效果圖：

　　1. 首先把我們做好的psd文件切片，如上圖，儲存為web所用格式，保存格式選擇HTML和圖像。(這點(diǎn)很簡單，不懂的可以看圖)

　　2. 把倒出來的images圖片上傳到淘寶圖片空間，右鍵白日夢html，選擇Dreamweaver打開。點(diǎn)擊菜單欄下面的設(shè)計(jì)，選擇01切片，依次用淘寶空間圖片鏈接，在軟件下方屬性源文件地址中替換成淘寶空間圖片鏈接。源文件下方，鏈接地址填寫你需要鏈接到的淘寶頁面地址。

　　3. 選擇代碼，復(fù)制與中間的代碼，切記復(fù)制完整。之前先按F12測試鏈接是否有錯(cuò)誤。

　　4. 進(jìn)入裝修頁面，編輯店鋪招牌，選擇代碼，把之前復(fù)制的代碼粘貼。在高度里填寫150px，這樣就可以把淘寶默認(rèn)的導(dǎo)航，頂下去，發(fā)布后就看不見淘寶的默認(rèn)導(dǎo)航了。導(dǎo)航背景需要在，裝修—樣式管理—背景設(shè)置里上傳導(dǎo)航背景圖片。然后預(yù)覽看看你的效果吧。 css導(dǎo)航需要html基礎(chǔ)。