淘寶左側導航代碼

Ⅰ 求淘寶導航透明背景代碼

代碼如下，放入導航欄的「顯示設置」中。
.skin-box-bd{background:transparent;}.skin-box-bd .menu-list{background:transparent;}.skin-box-bd .menu-list .menu{background:transparent;border:none;}.skin-box-bd .menu-list .menu .link{background:transparent;border:none;}.all-cats{background:transparent;}.all-cats .link{background:transparent;border:none;}.skin-box-bd .menu-list .menu .link .title{color:#000000;}.all-cats .link .title{color:#000000;}.all-cats .link .popup-icon{background:transparent;}
我百度空間中有代碼生成工具，其中有一項就是關於導航欄CSS代碼的，可以自助生成代碼，你可以去看看。

Ⅱ 淘寶店鋪導航條怎麼做，源代碼怎麼找到哪裡有具體如何做

自已也可以弄，但是不懂的話比較麻煩！/* 淘寶店鋪導航欄CSS代碼之分步詳解第一部分、靜態背景顏色 */ /* 1、首頁/店鋪動態/其它導航類目的背景色，這里設為紅色 */ .skin-box-bd .menu-list .link{background:red;} /* 2、所有分類的背景色（最左邊的），一樣設為紅色 */ .all-cats .link{background:red;} /* 到這里，發覺右邊的顏色還沒有變呢，好的，接著下一步 */ /* 3、導航條整個分類段背景色，還是要設為紅色，整體布局好看些 */ .skin-box-bd .menu-list{background:red;} /* 注意觀察，最右邊還有一絲地方沒有變 */ /* 4、導航條背景色（是最底層了吧），修補導航右側缺口，再設為紅色 */ .skin-box-bd{background:red;} /* 小結：有點成功感了！換換其它顏色試試看吧 */ /* 背景色最好搭配頁頭背景圖，才能整體大氣美觀 */ /* 第二部分、分隔線、靜態文字的顏色 */ /* 5、首頁等分類的右邊的分隔線顏色，設為白色 */ .menu-list .menu{border-color:white;} /* 6、所有分類的右邊的分隔線顏色，設為白色 */ .all-cats .link{border-color:white;} /* 7、首頁/店鋪動態/其它導航類目的文字顏色 */ .menu-list .menu .title{color:yellow;} /* 8、所有分類的文字顏色（最左邊那個）,*/ .all-cats .link .title{color:yellow;} /* 小結：其實原來默認文字的顏色也挺好的 */ /* 第三部分、分類下的顏色 */

Ⅲ 誰有漂亮的淘寶網導航的樣式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;}

希望可以綁定石你

Ⅳ 淘寶店鋪導航條CSS代碼

.skin-box-bd{background:#FFFFFF;}.skin-box-bd .menu-list{background:#FFFFFF;}.skin-box-bd .menu-list .menu{background:#1D96D4;border:none;}.skin-box-bd .menu-list .menu .link{background:#FFFFFF;border:none;border-right:1px solid #FFFFFF;}.all-cats .link{background:#FFFFFF;border:none;}.all-cats .link:hover{background:#FFFFFF;}.all-cats .link .title{color:#000000;border:none;}.all-cats .link .title:hover{color:#000000;}.skin-box-bd .menu-list .menu .link:hover{background:#FFFFFF;}.skin-box-bd .menu-list .menu .link .title{background:none;color:#000000;font-weight:bold;}.skin-box-bd .menu-list .menu .link .title:hover{color:#000000;}.popup-content{border:none;padding:0px;margin:0px;}.popup-content .popup-inner{border:none;padding:0px;margin:0px;background:#FFFFFF;}.popup-inner .cats-tree .fst-cat{background:#FFFFFF;}.popup-inner .cats-tree .fst-cat:hover{background:#EEEEEE;}.popup-inner .cats-tree .fst-cat .cat-hd .fst-cat-name{color:#000000;}.popup-inner .cats-tree .fst-cat .cat-hd .fst-cat-name:hover{color:#333333;}.popup-content .menu-popup-cats .sub-cat{background:#CCCCCC;}.popup-content .menu-popup-cats .sub-cat .cat-name{color:#FFFFFF;background:#CCCCCC;}.popup-content .menu-popup-cats .sub-cat .cat-name:hover{color:#333333;background:#EEEEEE;}.snd-pop-inner{height:auto;padding:0px;margin:0px;}.snd-pop-inner .fst-cat-bd{padding:0px;margin:0px;background-color:#EEEEEE;}.snd-pop-inner .fst-cat-bd .snd-cat-hd{background-color:#EEEEEE;}.snd-pop-inner .fst-cat-bd .snd-cat-name{color:#555555;}.snd-pop-inner .fst-cat-bd .snd-cat-name:hover{color:#EEEEEE;background-color:#555555;}

Ⅳ 淘寶導航欄CSS代碼

其實你說的抄不是很清楚，襲如果有什麼不明白的再說：

首先是css：

a{color:#000000}
a:hover{color:#fff;background:#000;}
然後a標簽
<ahref="@">點擊按鈕</a>

這些是a標簽的一些樣式

a 標簽對是一個網站的一條信息鏈接定義的，a:link {} /* 未訪問的鏈接 */
a:visited {} /* 已訪問的鏈接 */
a:hover {} /* 當有滑鼠懸停在鏈接上 */
a:active {} /* 被選擇的鏈接 */

然後你下面的我大體的說一下

background:none;沒有背景；

border:none;沒有邊框；

color:#000000;font-size:15px;font-weight:bold;字體顏色是黑色的，大小15像素，加粗

background:transparent。意思就是背景透明。實際上background默認的顏色就是透明的屬性。所以寫和不寫都是一樣的

Ⅵ 淘寶店鋪導航欄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>

Ⅶ 淘寶左側懸浮導航可以自定義代碼嗎

可以，但你要會寫這樣的代碼，如果你不會寫。那也不是不能實現，花點錢買，可以買個瘋狂的美工裝修助手軟體，他們那個軟體有懸浮功能，淘寶店和天貓店都可以用的。

Ⅷ 淘寶旺鋪裝修導航條左側下拉菜單如何設置css代碼

首先進入到店鋪的裝修頁面，將滑鼠放在導航上面會出現「編輯」字樣，單擊，選擇「顯示設置」選項卡

第一部分、靜態背景顏色
1、首頁/店鋪動態/其它導航類目的背景色，這里設為紅色
.skin-box-bd .menu-list .link{background:red;}
2、所有分類的背景色（最左邊的），一樣設為紅色
.all-cats .link{background:red;}
到這里，發覺右邊的顏色還沒有變呢，好的，接著下一步
3、導航條整個分類段背景色，還是要設為紅色，整體布局好看些
.skin-box-bd .menu-list{background:red;}
注意觀察，最右邊還有一絲地方沒有變
4、導航條背景色（是最底層了吧），修補導航右側缺口，再設為紅色
.skin-box-bd{background:red;}
小結：有點成功感了！換換其它顏色試試看吧
背景色最好搭配頁頭背景圖，才能整體大氣美觀

第二部分、分隔線、靜態文字的顏色
5、首頁等分類的右邊的分隔線顏色，設為白色
.menu-list .menu{border-color:white;}
6、所有分類的右邊的分隔線顏色，設為白色
.all-cats .link{border-color:white;}
7、首頁/店鋪動態/其它導航類目的文字顏色
.menu-list .menu .title{color:yellow;}
8、所有分類的文字顏色（最左邊那個）,
.all-cats .link .title{color:yellow;}
小結：其實原來默認文字的顏色也挺好的

第三部分、分類下的顏色
9、二級分類的背景色，設為灰色
.popup-content{background:gray;}
10、三級分類的背景色，我設為深灰色
.popup-content .cats-tree .snd-pop-inner{background:#504f4f;}
11、二級分類的文字顏色，設為黃色
.popup-content .cat-name{color:yellow;}
12、三級分類的文字顏色。（如果後面要滑鼠滑過變色<21.22>，這句要寫）
.popup-content .cats-tree .snd-pop-inner .cat-name{color:yellow;}
小結：上面這句不寫，和二級分類顏色是一樣的

第四部分、滑鼠滑過變背景色
13、滑鼠滑過首頁/店鋪動態/其它導航類目變換背景色，這設為藍色
.menu-list .menu-hover .link{background:blue;}
14、滑鼠滑過所有分類（最左邊那個）變換背景色，這同樣設為藍色
.all-cats-hover .link{background:blue;}
15、滑鼠滑過所有分類下的二級分類變換背景色，這設為藍色
.popup-content .cats-tree .cat-hd-hover{background:blue;}
16、滑鼠滑過所有分類下的三級分類變換背景色，這設為深藍色
.popup-content .cats-tree .snd-cat-hd-hover{background:#160595;}
17、滑鼠滑過導航類目下的寶貝分類變換背景色，這設為藍色
.menu-popup-cats .sub-cat-hover{background:blue;}
小結：這個所有分類，與首頁後面的，是要分開設計的

第五部分、滑鼠滑過變文字顏色
18、滑鼠滑過首頁/店鋪動態/其它導航類目變換文字顏色，這設為紅色
.menu-list .menu-hover .title{color:red;}
19、滑鼠滑過所有分類（最左邊那個）變換文字顏色，這同樣設為紅色
.all-cats-hover .link .title{color:red;}
20、滑鼠滑過導航類目下的寶貝分類變換文字顏色，這設為紅色
.menu-popup-cats .sub-cat-hover .cat-name{color:red;}
21、滑鼠滑過所有分類下的二級分類變換文字顏色，這設為紅色
.popup-content .cat-hd-hover .cat-name{color:red;}
22、滑鼠滑過所有分類下的三級分類變換文字顏色，這設為紅色
.popup-content .cats-tree .snd-cat-hd-hover .cat-name{color:red;}
小結：這部分還是默認白色的好看

第六部分、導航項目激活狀態
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;}