淘寶店鋪首頁導(dǎo)航欄代碼，其他代碼有哪些？

淘寶店鋪首頁導(dǎo)航欄代碼，其他代碼有哪些?

很多朋友不知道淘寶店鋪首頁導(dǎo)航欄，要知道，淘寶店鋪導(dǎo)航是買家訪問店鋪的快速通道，可以增加買家對(duì)店鋪的訪問深度，方便查看店鋪的各類商品及信息，那么淘寶店鋪首頁導(dǎo)航欄代碼是什么?

小編來為大家介紹淘寶店鋪首頁導(dǎo)航欄。

淘寶店鋪首頁導(dǎo)航欄代碼和其他代碼有哪些呢?

設(shè)置導(dǎo)航條的背景色/* 導(dǎo)航欄背景色*/.skin-box-bd .menu-list .link{background: none repeat scroll 0 0 #00ad08;

}/* 導(dǎo)航列表背景色*/.skin-box-bd .menu-list{background: none repeat scroll 0 0 #00ad08;

}/*導(dǎo)航條最右邊的一部分背景*/.skin-box-bd{background:#000000;

}--------------------------------------------------------------------------設(shè)置導(dǎo)航條內(nèi)的“所有分類”/*所有分類背景色*/.all-cats .link{background: none repeat scroll 0 0 #00ad08;

}/*所有分類文字樣式*/.all-cats .title{color:#顏色代碼;

font-size:字號(hào)px;

}修改“所有寶貝”右邊小圖標(biāo)代碼如下：.all-cats .link .popup-icon{background:url(圖片連接);

}------------------------------------------------------------------------------設(shè)置導(dǎo)航條內(nèi)的一級(jí)分類/*一級(jí)分類的分隔線，實(shí)際上就是右邊框的顏色*/.skin-box-bd .menu-list .menu{border-right:1px #006205 solid;

}/*一級(jí)分類的文字樣式*/.skin-box-bd .menu-list .menu .title{color:#顏色代碼;

font-size:字號(hào)px;

}/*一級(jí)分類所在的li 列表的背景色*/.skin-box-bd .menu-list .menu-selected .link{background:#000000;

}/*一級(jí)分類所在的li 列表的文字背景色*/.skin-box-bd .menu-list .menu-selected .link .title{background:#000000;

}修改一級(jí)分類的寬度：.menu-list .menu{background:#顏色;

margin:0;

padding:0px 增加的寬度px;

}鼠標(biāo)滑過一級(jí)分類導(dǎo)航文字變換背景色代碼如下：.menu-list .menu-hover .link{background:#000000;

}鼠標(biāo)滑過一級(jí)分類導(dǎo)航文字變換顏色代碼如下：.menu-list .menu-hover .link .title{color:#FFFFFF;

}---------------------------------------------------------------------------------設(shè)置二級(jí)分類的樣式二級(jí)分類文字代碼如下：.popup-content .cats-tree .fst-cat .cat-name{font-size:字號(hào)px;

color:#顏色代碼;

font-weight:bold/bolder/normal;

}二級(jí)分類背景代碼如下：.popup-content{background:#000000;

}鼠標(biāo)滑過二級(jí)分類導(dǎo)航文字變換背景色代碼如下：.popup-content .cats-tree .cat-hd-hover{background:#000000;

}鼠標(biāo)滑過二級(jí)分類導(dǎo)航文字變換顏色代碼如下：.skin-box-bd .popup-content .cats-tree .cat-hd-hover .cat-name{color:#ff0000;

}修改二級(jí)分類的高度：.popup-content .cats-tree{margin:0 0 50px 0;

}修改二級(jí)分類右側(cè)圖標(biāo)代碼如下(有三級(jí)分類才會(huì)顯示)：.popup-content .cats-tree .fst-cat-icon{background:url(圖片連接);

}----------------------------------------------------------------------------------設(shè)置三級(jí)分類的樣式三級(jí)分類文字代碼(除去“所有寶貝”分類)如下.popup-content .cats-tree .snd-pop-inner{font-size:字號(hào)px;

color:#顏色代碼;

font-weight:bold/bolder/normal;

}三級(jí)分類文字代碼(包括“所有寶貝”分類字體大小)這樣就無法改變字體顏色，我們會(huì)繼續(xù)完善該代碼!

如下.popup-content .cats-tree .snd-pop-inner{font-size:字號(hào)px;

color:#顏色;

}三級(jí)分類背景代碼：.popup-content .cats-tree .snd-pop-inner{background:#000000;

}鼠標(biāo)滑過三級(jí)分類導(dǎo)航文字變換背景色代碼如下：.popup-content .cats-tree .snd-cat-hd-hover{background:#000000;

}在三級(jí)分類前加上小塊白色代碼如下：.popup-content .cats-tree .snd-cat-icon{display:block;

height:3px;

width:3px;

}最后這里就是淘寶店鋪首頁導(dǎo)航欄的介紹了，看了小編我的介紹內(nèi)容你了解了淘寶店鋪首頁導(dǎo)航欄了嗎?

小伙伴們是不是都懂了呢?

更多好玩有趣資訊請(qǐng)關(guān)注裝修宅。

相關(guān)推薦：淘寶店鋪收藏模板怎么裝修?

如何添加淘寶收藏店鋪圖片鏈接教程手機(jī)淘寶店鋪收藏鏈接怎么獲取?

這個(gè)問題還有疑問的話，可以加幕.思.城火星老師免費(fèi)咨詢，微V.信X號(hào)是為: msc496。