碼字不容易，小二真的好雷鋒啊，把自己的經(jīng)驗和盤托出啊，親們，看了喜歡了，來點掌聲吧，小二打算從以下幾個方面來說明，您要覺得有用，看帖回個帖唄：）
1、導(dǎo)航的作用
導(dǎo)航條在店鋪裝修中很重要，可以讓顧客很容易找到店里的商品，并且減少店鋪跳失率。
2、圖片導(dǎo)航PK文字導(dǎo)航
有的賣家喜歡用圖片來做導(dǎo)航，這樣做短期內(nèi)是很漂亮，但維護起來很麻煩，而文字的導(dǎo)航，耐看，好維護。
3、全屏導(dǎo)航
手機都大屏了，導(dǎo)航也必須是全屏滴。至于怎么做大屏的，壇子里搜搜，到處都是，不贅述
4、導(dǎo)航代碼
店家有現(xiàn)成的碼農(nóng)老公，好好研究了一下，做出了完美仿天貓色調(diào)的導(dǎo)航，二級菜單，表格虛線，要啥有啥，解決了論壇中很多人提出的各種色塊之類的問題
先把店鋪導(dǎo)航的效果提出來給大家看看，然后再將完整代碼貼出。
都說同行是冤家，我不這么看，分享更幫大家更進一步，你好我好大家好，贈人玫瑰手留余香：）
本帖面向懂一點裝修的店家，如果親剛開始學(xué)習(xí)裝修，那么隨時可以咨詢我，在小兒不忙的時候給親答復(fù)。
無圖無真相，直接上效果圖（網(wǎng)店展示地址：http://aiaiguoguo.taobao.com/）!
下面就來完美的導(dǎo)航條代碼！
.skin-box-bd{background: #8f0100;}
.skin-box-bd .menu-list li a:hover{ background-attachment: scroll; background-color: #7a0000; background-image: none;background-repeat: repeat-x; background-position: 0 0;}
.all-cats{background: #8f0100;}
.all-cats .link {background:none; border-right-width: 1px; border-right-style: dashed; border-right-color: #9E3231;}
.all-cats .link .title {color: #ffffff;font-weight: bold; font-size:12px}
.all-cats .link .title:hover{color: #ffffff;font-weight: bold;}
.all-cats .link:hover{background:#7a0000;}
.popup-content{background: #f1f1f1; border:none;}
.popup-content .cats-tree .fst-cat {border:none;}
.popup-content .cats-tree .fst-cat .cat-name {color: #000000;font-weight: bold;}
.popup-content .cats-tree .cat-hd-hover {background: #88766e;}
.popup-content .cats-tree .cat-hd-hover .cat-name {color: #fff;font-weight: bold;}
.popup-content .cats-tree .snd-pop-inner {background: #88766e;}
.snd-pop-inner .fst-cat-bd .snd-cat-hd{background: none;}
.popup-content .cats-tree .fst-cat .snd-pop .snd-cat-hd a {color:#fff;font-weight: bold;}
.popup-content .cats-tree .snd-cat-hd-hover {background: #645756;}
.popup-content .cats-tree .fst-cat .snd-pop .snd-cat-hd a:hover {color: #fff;font-weight: bold;}
.menu-list {background: #8f0100;}
.menu-list .link {background: none; border-right-width: 1px; border-right-style: dashed; border-right-color: #9E3231;}
.menu-list .menu {background: none; border:none;}
.menu-list .menu .title {color: #fff;font-weight: bold; font-size:12px}
.menu-list .menu-hover .link {background: #7a0000;}
.menu-list .menu-hover .link .title {background: none; color: #FFF; border:none;}
.menu-list .menu-selected .link {background: none;}
.menu-list .menu-selected .link .title {background: none; color:#fff;}
您可能還會喜歡這些文章：
用手機旺信的朋友們記得看呀,小店慘遭封店!
買家退回貨物損壞，該如何處理？
充值軟件和淘寶充值平臺使用時的注意事項
化妝品 貨源充足 誠招代理
計算機專業(yè)畢業(yè)生也在淘寶開網(wǎng)店。
樂發(fā)網(wǎng)超市批發(fā)網(wǎng)提供超市貨源信息,超市采購進貨渠道。超市進貨網(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ī)則
本文來源： 網(wǎng)店裝修案例：史上最完美全屏導(dǎo)航，解決各種色塊問題。
