DIV CSS 佈局教程網

 DIV+CSS佈局教程網 >> 網頁腳本 >> WEB網站前端 >> WEB前端代碼 >> 淘寶導航CSS代碼
淘寶導航CSS代碼
編輯:WEB前端代碼     
.skin-box-bd{background-color:#4E2618;}
.skin-box-bd .menu-list{background-color:#4E2618;}
.skin-box-bd .menu-list .link{background-color:#4E2618;}
.skin-box-bd .menu-list .menu{border-right:1px #4E2618 solid;}
.skin-box-bd .menu-list .menu-hover .link .title{background-color:#AE4613;}
.skin-box-bd .menu-list .menu-selected .link .title{background-color:#AE4613;}
.skin-box-bd .menu-list .menu-hover .link{background-color:#AE4613;}
.skin-box-bd .menu-list .menu-selected .link{background-color:#AE4613;}
.all-cats{background-color:#4E2618;}
.all-cats .link{border-color:#4E2618;}
.skin-box-bd .all-cats .link{background-color:#4E2618;}
.skin-box-bd .all-cats-hover .link{background-color:#AE4613;}

以上代碼是用於裝飾淘寶店鋪的導航的CSS代碼。

進入淘寶店鋪裝修,在店鋪招牌下的是導航,可能有“所有分類”、“首頁”、“店鋪動態”等鏈接,編輯導航,在“顯示設置”裡輸入以上代碼就可以。


另附綠和紅的樣式:
/* 導航條背景色*/
.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}
XML學習教程| jQuery入門知識| AJAX入門| Dreamweaver教程| Fireworks入門知識| SEO技巧| SEO優化集錦|
Copyright © DIV+CSS佈局教程網 All Rights Reserved