導航:首頁 > 編程語言 > 淘寶橫向分類導航代碼

淘寶橫向分類導航代碼

 發布時間：2024-09-18 02:19:24

㈠ 求，淘寶旺鋪裝修導航所有分類二級分類分隔線代碼。。。

導航欄樣式抄 .skin-box-bd .popup-content .cats-tree .fst-cat { border:1px solid 顏色;} 顏色為web格式的16進制，改成你一級菜單一樣或者直接寫 border:0 都行

㈡ 淘寶所有分類背景代碼和滑鼠移動上去時的代碼，二級菜單背景需要做成半透明白色透明的就，該怎麼做呢

/*所有分類背景色*/
.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代碼

這是全部代碼，如果你會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;}

㈣ 淘寶店鋪導航欄CSS代碼

可以來。用CSS可以做到。但源是CSS3在IE9以下的瀏覽器支持不好。我寫個例子，先看效果(火狐下)：

<!DOCTYPEhtml>
<html>
<head>
<metacharset="utf-8"/>
<linkhref="xxx/apple-touch-icon.png"rel="apple-touch-icon-precomposed"/>
<title>CSS3多邊形</title>
</head>
<body>
<styletype="text/css">
.pxsbx{width:100px;height:60px;-webkit-transform:skew(-20deg);-moz-transform:skew(-20deg);-o-transform:skew(-20deg);background:#669;margin-left:20px;}
</style>

<divclass="pxsbx"></div>
</body>
</html>

㈤ 淘寶導航條分類分割線條的顏色怎麼改

一級導航「所有寶貝」分類分隔線顏色代碼如下：
.all-cats .link{border-color:#000000;}

閱讀全文

與淘寶橫向分類導航代碼相關的資料

熱點內容
umeng打包工具 瀏覽：765
g76錐度牙怎麼編程 瀏覽：430
win10企業版關機很慢 瀏覽：163
微信短視頻是保存在哪個文件夾 瀏覽：985
win10列印機設置紙張大小設置 瀏覽：427
衛星測控數據有哪些 瀏覽：451
格式工廠330教程 瀏覽：421
童美編程課怎麼樣 瀏覽：40
網頁代碼調試器 瀏覽：54
讀取文件string 瀏覽：500
ug自動編程軟體怎麼畫數控圖 瀏覽：920
什麼網站可以介紹主機 瀏覽：340
移動簡訊查詢代碼 瀏覽：192
怎麼看公司網路是什麼時候開通 瀏覽：960
cad2015文件參照怎麼關閉 瀏覽：678
最小二乘逼近程序 瀏覽：610
鐵路12306密碼找不回 瀏覽：352
默認網路覆蓋的腦區 瀏覽：319
itunes恢復iphone教程 瀏覽：292
爐石現在是什麼版本 瀏覽：825

友情鏈接