㈠ 淘寶店鋪的導航條,滑鼠點擊首頁之後,顯示的背景顏色怎麼設置最後貼代碼!如圖:
你應該是淘寶購買的旺鋪模板吧,這個模板我也碰到過,這個地方是不能修改的,
估計是模板也淘寶自帶的css沖突,沒有辦法
想做的好看,建議後期還是自己設計一套
㈡ 淘寶所有分類背景代碼和滑鼠移動上去時的代碼,二級菜單背景需要做成半透明白色透明的就,該怎麼做呢
/*所有分類背景色*/
.all-cats .link{background: none repeat scroll 0 0 #00ad08;}
滑鼠滑過一級分類導航文字變換背景色代碼如下:
.menu-list .menu-hover .link{background:#000000;}
滑鼠滑過二級分類導航文字變換背景色代碼如下:
.popup-content .cats-tree .cat-hd-hover{background:#000000;}
二級分類背景代碼如下:
.popup-content{background:#000000;}
A.簡單的淘寶新旺鋪自定義CSS導航透明背景代碼:
.skin-box-bd{background:none;}
.menu-list{background:none;}.link{background:none;}
.menu{background:none;}
.all-cats{background:none;}
.all-cats{display:none;}
.menu-list.menu.title{color:#CF6AA6;}
B.完全的淘寶新旺鋪自定義CSS導航透明背景代碼:
.skin-box-bd{background:none;border:none;}
.menu-list{background:none;}
.link{background:none;border:none;}
.menu{background:none;}
.all-cats{background:none;}
.skin-box-bd.all-cats.link{border:none;}
.skin-box-bd.menu-list.menu{border:none;}
.menu-list.menu.title{color:#000000;font-size:15px;font-weight:bold;}
.all-cats.link.title{color:#000000;font-size:15px;font-weight:bold;}
.skin-box-bd.menu-list.menu-selected.link{background:none;}
.skin-box-bd.menu-list.menu-selected.link.title{background:none;}
希望能幫到你,望採納
㈢ 誰有漂亮的淘寶網導航的樣式css代碼
1.修改導航分類下面的背景色,代碼如下:
.skin-box-bd .link{background:#000000;}
修改導航分類下面的圖片,代碼如下:
.skin-box-bd .link{background:url(圖片鏈接);}
2.修改整個導航的背景色
.skin-box-bd .menu-list{background:#000000;}
修改整個導航背景為圖片
.skin-box-bd .menu-list{background:url(圖片鏈接);}
3.修改最右邊留下的一小塊,2里提到的,代碼如下:
.skin-box-bd{background:#000000;}
修改成圖片的代碼如下:
.skin-box-bd{background:url(圖片鏈接);}
4.字外加色:
.skin-box-bd .menu-list .menu-selected .link{background:#000000;}
5.字里加色:
.skin-box-bd .menu-list .menu-selected .link .title{background:#000000;}
字外+字里=全部!
----------------------------------------------------------------------------------------
1.導航背景色代碼(除去「所有分類」)如下:
.menu-list .link{background:#000000;}
2.導航欄文字(除去「所有分類」)如下:
.menu-list .menu .title{color:#顏色代碼;font-size:字型大小px;}
3.「所有分類」的背景色代碼如下:
.all-cats .link{background:#000000;}
4.「所有分類」的文字代碼如下:
.all-cats .link .title{color:#顏色代碼;font-size:字型大小px;}
最新代碼,解決字體改大後導航右側消失的情況!
代碼如下:
.all-cats .link .title{font-size:字型大小px;}.all-cats .link {background:#3BAFFF;margin:0;padding:0px 3px;}
字型大小最大為21,繼續變大右側導航將消失!該代碼還不是很完善,我們會繼續研究!
5.二級分類文字代碼如下:
.popup-content .cats-tree .fst-cat .cat-name{font-size:字型大小px;color:#顏色代碼;font-weight:bold/bolder/normal;}
6.二級分類背景代碼如下:
.popup-content{background:#000000;}
7.三級分類文字代碼(除去「所有寶貝」分類)如下
.popup-content .cats-tree .snd-pop-inner{font-size:字型大小px;color:#顏色代碼;font-weight:bold/bolder/normal;}
8.三級分類文字代碼(包括「所有寶貝」分類字體大小)這樣就無法改變字體顏色,我們會繼續完善該代碼!如下
.popup-content .cats-tree .snd-pop-inner{font-size:字型大小px;color:#顏色;}
9.三級分類背景代碼:
.popup-content .cats-tree .snd-pop-inner{background:#000000;}
10.一級導航分類(除去「所有寶貝」分類)分隔線顏色代碼如下:
.menu-list .menu{border-color:#000000;}
11.一級導航「所有寶貝」分類分隔線顏色代碼如下:
.all-cats .link{border-color:#000000;}
12.一級導航分類的寬度修改代碼如下:
.menu-list .menu{background:#顏色;margin:0;padding:0px 增加的寬度px;}
13.滑鼠滑過一級分類導航文字變換背景色代碼如下:
.menu-list .menu-hover .link{background:#000000;}
14.滑鼠滑過一級分類導航文字變換顏色代碼如下:
.menu-list .menu-hover .link .title{color:#FFFFFF;}
15.滑鼠滑過二級分類導航文字變換背景色代碼如下:
.popup-content .cats-tree .cat-hd-hover{background:#000000;}
16.滑鼠滑過二級分類導航文字變換顏色代碼如下:
.skin-box-bd .popup-content .cats-tree .cat-hd-hover .cat-name{color:#ff0000;}
17.滑鼠滑過三級分類導航文字變換背景色代碼如下:
.popup-content .cats-tree .snd-cat-hd-hover{background:#000000;}
18.二級分類上加空間代碼如下:
.popup-content .cats-tree{margin:0 0 50px 0;}
19.修改「所有寶貝」右邊小圖標代碼如下:
.all-cats .link .popup-icon{background:url(圖片連接);}
20.修改二級分類右側圖標代碼如下(有三級分類才會顯示):
.popup-content .cats-tree .fst-cat-icon{background:url(圖片連接);}
22.在三級分類前加上小塊白色代碼如下:
.popup-content .cats-tree .snd-cat-icon{display:block;height:3px;width:3px;}
23、激活項目的文字背景色(難看,所以none)、文字顏色(選白色)
.skin-box-bd .menu-list .menu-selected .link .title{background:none;color:white;}
24、激活項目的項目背景色(項目框),選紫色
.skin-box-bd .menu-list .menu-selected .link{background:purple;}
補充內容
-------------------------------------------------------------------------------------------
隱藏導航上,所有分類的導航: .all-cats{display:block;overflow:hidden;width:0;height:0;}
這個改完 所有分類是會被隱藏。但是如果你導航條用了其他顏色,導致和原來模版顏色不一樣。那麼可以添加一行: .skin-box-bd{width:200px;}
希望可以綁定石你
㈣ 網頁中當滑鼠經過時,字體變色的代碼
onMouseOver=this.style.backgroundColor='#DCECF4'; onMouseOut=this.style.backgroundColor=''
隨便套用:
<tr onMouseOver=this.style.backgroundColor='#DCECF4'; onMouseOut=this.style.backgroundColor=''>
或
<td onMouseOver=this.style.backgroundColor='#DCECF4'; onMouseOut=this.style.backgroundColor=''>
<a onMouseOver=this.style.backgroundColor='#DCECF4'; onMouseOut=this.style.backgroundColor=''>xxxxxxx</a>
㈤ 淘寶導航CSS代碼設置
設置導航條的背景色
/* 導航欄背景色*/
.skin-box-bd .menu-list .link{background: none repeat scroll 0 0 #00ad08;}
/* 導航列表背景色*/
.skin-box-bd .menu-list{background: none repeat scroll 0 0 #00ad08;}
/*導航條最右邊的一部分背景*/
.skin-box-bd{background:#000000;}
--------------------------------------------------------------------------
設置導航條內的「所有分類」
/*所有分類背景色*/
.all-cats .link{background: none repeat scroll 0 0 #00ad08;}
/*所有分類文字樣式*/
.all-cats .title{color:#顏色代碼;font-size:字型大小px;}
修改「所有寶貝」右邊小圖標代碼如下:
.all-cats .link .popup-icon{background:url(圖片連接);}
------------------------------------------------------------------------------
設置導航條內的一級分類
/*一級分類的分隔線,實際上就是右邊框的顏色*/
.skin-box-bd .menu-list .menu{border-right:1px #006205 solid;}
/*一級分類的文字樣式*/
.skin-box-bd .menu-list .menu .title{color:#顏色代碼;font-size:字型大小px;}
/*一級分類所在的li 列表的背景色*/
.skin-box-bd .menu-list .menu-selected .link{background:#000000;}
/*一級分類所在的li 列表的文字背景色*/
.skin-box-bd .menu-list .menu-selected .link .title{background:#000000;}
修改一級分類的寬度:
.menu-list .menu{background:#顏色;margin:0;padding:0px 增加的寬度px;}
滑鼠滑過一級分類導航文字變換背景色代碼如下:
.menu-list .menu-hover .link{background:#000000;}
滑鼠滑過一級分類導航文字變換顏色代碼如下:
.menu-list .menu-hover .link .title{color:#FFFFFF;}
---------------------------------------------------------------------------------
設置二級分類的樣式
二級分類文字代碼如下:
.popup-content .cats-tree .fst-cat .cat-name{font-size:字型大小px;color:#顏色代碼;font-weight:bold/bolder/normal;}
二級分類背景代碼如下:
.popup-content{background:#000000;}
滑鼠滑過二級分類導航文字變換背景色代碼如下:
.popup-content .cats-tree .cat-hd-hover{background:#000000;}
滑鼠滑過二級分類導航文字變換顏色代碼如下:
.skin-box-bd .popup-content .cats-tree .cat-hd-hover .cat-name{color:#ff0000;}
修改二級分類的高度:
.popup-content .cats-tree{margin:0 0 50px 0;}
修改二級分類右側圖標代碼如下(有三級分類才會顯示):
.popup-content .cats-tree .fst-cat-icon{background:url(圖片連接);}
----------------------------------------------------------------------------------
設置三級分類的樣式
三級分類文字代碼(除去「所有寶貝」分類)如下
.popup-content .cats-tree .snd-pop-inner{font-size:字型大小px;color:#顏色代碼;font-weight:bold/bolder/normal;}
三級分類文字代碼(包括「所有寶貝」分類字體大小)這樣就無法改變字體顏色,我們會繼續完善該代碼!如下
.popup-content .cats-tree .snd-pop-inner{font-size:字型大小px;color:#顏色;}
三級分類背景代碼:
.popup-content .cats-tree .snd-pop-inner{background:#000000;}
滑鼠滑過三級分類導航文字變換背景色代碼如下:
.popup-content .cats-tree .snd-cat-hd-hover{background:#000000;}
在三級分類前加上小塊白色代碼如下:
.popup-content .cats-tree .snd-cat-icon{display:block;height:3px;width:3px;}