導航:首頁 > 編程語言 > 淘寶滑鼠經過變色代碼

淘寶滑鼠經過變色代碼

發布時間:2023-10-22 20:47:43

㈠ 淘寶店鋪的導航條,滑鼠點擊首頁之後,顯示的背景顏色怎麼設置最後貼代碼!如圖:

你應該是淘寶購買的旺鋪模板吧,這個模板我也碰到過,這個地方是不能修改的,
估計是模板也淘寶自帶的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;}

閱讀全文

與淘寶滑鼠經過變色代碼相關的資料

熱點內容
java將數字轉換成字母 瀏覽:854
c盤中的哪些是系統文件夾 瀏覽:668
分布式服務如何跨庫統計數據 瀏覽:829
力控轉發數據客戶端模式如何建立 瀏覽:200
怎麼樣讓自己的網站不被別人看到 瀏覽:711
編程擴展效果如何 瀏覽:335
榮耀暢玩手環同步qq 瀏覽:475
怎麼向sql中添加資料庫 瀏覽:596
錄歌失敗重啟app什麼意思 瀏覽:522
壓縮文件包怎麼在微信發送 瀏覽:432
mysql資料庫怎麼插入時間值 瀏覽:191
微信視頻不能轉發朋友圈 瀏覽:596
影視後期的app有哪些 瀏覽:956
電子保單數據出錯什麼意思 瀏覽:368
如何以文件下載音樂 瀏覽:438
計算機網路章節練習 瀏覽:999
單片機的外部中斷程序 瀏覽:48
表格批量更名找不到指定文件 瀏覽:869
js的elseif 瀏覽:584
3dmaxvray視頻教程 瀏覽:905

友情鏈接