① 求淘寶導航透明背景代碼
代碼如下,放入導航欄的「顯示設置」中。
.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代碼
導航欄一般用<ul><li></li></ul>再配合css中的float:left來做的
③ 天貓導航條背景CSS代碼
<styletype="text/css">
.nb1{background:url(背景圖);height:71px;}
.nb1ul{float:left;}
.nb1ulli{float:left;margin-right:30px;list-style:none}
.nb1ullia{display:block;width:100px;height:71px;}
.nb1img{float:right;margin-right:15px;}
</style>
<div><imgsrc="1.png"id="pic"width="42"height="71"style="position:absolute;z-index:2;visibility:hidden"></div>
<divclass="nb1""><ul><li><a>首頁有驚喜</a></li><li><a>WIS品牌</a></li><li><a>首頁有驚喜</a></li><li><a>首頁有驚喜</a></li><li><a>首頁有驚喜</a></li></ul><imgsrc="收藏店鋪.jgp"/></div>
④ 淘寶天貓店導航條裝修裝修,怎麼用css代碼做990px的導航條急
在CSS里是不是這樣的?.className .className2{background:#***;}
去掉.className2
⑤ 天貓裝修怎樣刪除系統自帶的導航
可以用代碼刪除,方法如下:
淘寶,天貓的導航隱藏代碼,復制到導航→顯示設置裡面.skin-box-bd .menu-list{display:none;}.all-cats{display:none;}.skin-box-bd{background:none;}
想要用到系統自帶的導航或者說需要用到首頁固定背景,那麽就需要在天貓背景設置的自定義css中輸入如下的一串代碼,天貓系統被隱藏的自帶導航就又可以顯示了;
天貓背景設置的自定義css中輸入如下的一串代碼,天貓系統被隱藏的自帶導航就又可以顯示了; 這個是在哪裡輸入代碼呀 導航都已經隱藏了就沒有顯示設置了呀tshop-pbsm-shop-nav-ch .skin-box-bd{display:inline;}
⑥ 天貓導航欄的問題,高手請進!!
如圖四步,樓主試一下看看
代碼是 .skin-box-bd .menu-list .menu{border-right:1px #FFFFFF solid;}
⑦ 淘寶旺鋪裝修導航條左側下拉菜單如何設置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;}