淘寶旺鋪裝修導(dǎo)航條左側(cè)下拉菜單如何設(shè)置css代碼

樓主您好，我調(diào)試過，你也試試。你懂CSS，我還是按照步驟一步一步來。以便不懂CSS也可以學(xué)習(xí)下。

成都創(chuàng)新互聯(lián)公司堅(jiān)持“要么做到，要么別承諾”的工作理念，服務(wù)領(lǐng)域包括：成都做網(wǎng)站、成都網(wǎng)站建設(shè)、企業(yè)官網(wǎng)、英文網(wǎng)站、手機(jī)端網(wǎng)站、網(wǎng)站推廣等服務(wù)，滿足客戶于互聯(lián)網(wǎng)時(shí)代的象山網(wǎng)站設(shè)計(jì)、移動(dòng)媒體設(shè)計(jì)的需求，幫助企業(yè)找到有效的互聯(lián)網(wǎng)解決方案。努力成為您成熟可靠的網(wǎng)絡(luò)建設(shè)合作伙伴！

第一步，進(jìn)入店鋪裝修點(diǎn)編輯：

第二步，點(diǎn)顯示設(shè)置：

第三步，將顯示代碼放進(jìn)去，這個(gè)是我們團(tuán)隊(duì)的代碼：

第四，依您的背景顏色和文本變粗，代碼如下：

.all-cats .link{background:none repeat scroll 0 0 #FF0000;}.skin-box-bd .all-cats .title{font-size:12px;font-weight:bold;color:#000000;}

特別說明一下：.all-cats .link{background:none repeat scroll 0 0 #FF0000;}.這段代碼是控制“所有分類”的背景，我設(shè)置的是紅色，顏色代碼為#FF0000；

skin-box-bd .all-cats .title{font-size:12px;font-weight:bold;color:#000000;}這段代碼是控制字體順序依次是“所有分類”文字的大小，是否加粗，文字的顏色。

您試試。

第五，拓展一下所有分類類目下的子類目如何實(shí)現(xiàn)控制。

您可以在這里再進(jìn)一步深入研究一下。

最后，給個(gè)建議，就是利用谷歌瀏覽器，鼠標(biāo)點(diǎn)右鍵，有一項(xiàng)是“審查元素”，可以查看代碼，慢慢調(diào)試。

淘寶導(dǎo)航css修改求助，去掉分類前面的小點(diǎn)，在線等

你這個(gè)是別人做的模板吧，系統(tǒng)默認(rèn)的是沒有這個(gè)點(diǎn)的，這個(gè)點(diǎn)不是css控制的，你看看能修改代碼不能，把li和對(duì)應(yīng)的/li給去掉 就沒有這個(gè)點(diǎn)了

淘寶導(dǎo)航醒目單個(gè)分類顏色css代碼

主要思路是你可以再設(shè)置一個(gè)class，屬性為字體紅色，然后再需要變?yōu)榧t色的語句標(biāo)簽前，加一個(gè)屬性名；如span class="normal special"雙十一狂歡/span

這里就同時(shí)有了兩個(gè)屬性。

html

head

/head

body

style type="text/css"

.box{background-color:#C9CEC8;width:420px;height:50px;margin:0 auto;border-top:2px solid #353736;}

.content{height:32px;background-color:606F76;border:1px solid #7697AA;}

.content span{margin-right:18px;}

.normal{color:white;float:left;display:block;line-height:30px;font-size:13px;font-weight:bold;}

.special{color:pink;}

/style

div class="box"

div class="content"

span class="normal"本店所有商品/span

span class="normal"圖標(biāo)的位置/span

span class="normal"首頁/span

span class="normal special"雙十一狂歡/span

/div

/div

/body

/html

淘寶導(dǎo)航用css代碼隱藏了怎么恢復(fù)

1、360瀏覽器中打開店鋪裝修

2、點(diǎn)擊審查元素

3、CTRL+F 查找 .skin-boxbd{height:0;overflow:hidden;} （這段代碼是我當(dāng)時(shí)隱藏導(dǎo)航時(shí)輸入的）

4、然后顯示出導(dǎo)航 但此時(shí)還不會(huì)顯示編輯按鈕 因?yàn)榫庉嬕脖浑[藏了

5、再CTRL+F查找height: 0px

6、可能有好幾個(gè)height: 0px 把他改成height: 30px

7、一會(huì)兒就找到編輯按鈕了 然后刪除.skin-box-bd{height:0;overflow:hidden;}

淘寶導(dǎo)航欄CSS代碼

其實(shí)你說的不是很清楚，如果有什么不明白的再說：

首先是css：

a{?color:?#000000}

a:hover?{color:?#fff;?background:?#000;?}

然后a標(biāo)簽

a?href="@"點(diǎn)擊按鈕/a

這些是a標(biāo)簽的一些樣式

a ?標(biāo)簽對(duì)是一個(gè)網(wǎng)站的一條信息鏈接定義的，a:link {} ? ? /* 未訪問的鏈接 */

a:visited {} ?/* 已訪問的鏈接 */

a:hover {} ? ?/* 當(dāng)有鼠標(biāo)懸停在鏈接上 */

a:active {} ? /* 被選擇的鏈接 */

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

background:none;沒有背景；

border:none;沒有邊框；

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

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

淘寶導(dǎo)航CSS代碼設(shè)置

設(shè)置導(dǎo)航條的背景色

/* 導(dǎo)航欄背景色*/

.skin-box-bd .menu-list .link{background: none repeat scroll 0 0 #00ad08;}

/* 導(dǎo)航列表背景色*/

.skin-box-bd .menu-list{background: none repeat scroll 0 0 #00ad08;}

/*導(dǎo)航條最右邊的一部分背景*/

.skin-box-bd{background:#000000;}

--------------------------------------------------------------------------

設(shè)置導(dǎo)航條內(nèi)的“所有分類”

/*所有分類背景色*/

.all-cats .link{background: none repeat scroll 0 0 #00ad08;}

/*所有分類文字樣式*/

.all-cats .title{color:#顏色代碼;font-size:字號(hào)px;}

修改“所有寶貝”右邊小圖標(biāo)代碼如下：

.all-cats .link .popup-icon{background:url(圖片連接);}

------------------------------------------------------------------------------

設(shè)置導(dǎo)航條內(nèi)的一級(jí)分類

/*一級(jí)分類的分隔線，實(shí)際上就是右邊框的顏色*/

.skin-box-bd .menu-list .menu{border-right:1px #006205 solid;}

/*一級(jí)分類的文字樣式*/

.skin-box-bd .menu-list .menu .title{color:#顏色代碼;font-size:字號(hào)px;}

/*一級(jí)分類所在的li 列表的背景色*/

.skin-box-bd .menu-list .menu-selected .link{background:#000000;}

/*一級(jí)分類所在的li 列表的文字背景色*/

.skin-box-bd .menu-list .menu-selected .link .title{background:#000000;}

修改一級(jí)分類的寬度：

.menu-list .menu{background:#顏色;margin:0;padding:0px 增加的寬度px;}

鼠標(biāo)滑過一級(jí)分類導(dǎo)航文字變換背景色代碼如下：

.menu-list .menu-hover .link{background:#000000;}

鼠標(biāo)滑過一級(jí)分類導(dǎo)航文字變換顏色代碼如下：

.menu-list .menu-hover .link .title{color:#FFFFFF;}

---------------------------------------------------------------------------------

設(shè)置二級(jí)分類的樣式

二級(jí)分類文字代碼如下：

.popup-content .cats-tree .fst-cat .cat-name{font-size:字號(hào)px;color:#顏色代碼;font-weight:bold/bolder/normal;}

二級(jí)分類背景代碼如下：

.popup-content{background:#000000;}

鼠標(biāo)滑過二級(jí)分類導(dǎo)航文字變換背景色代碼如下：

.popup-content .cats-tree .cat-hd-hover{background:#000000;}

鼠標(biāo)滑過二級(jí)分類導(dǎo)航文字變換顏色代碼如下：

.skin-box-bd .popup-content .cats-tree .cat-hd-hover .cat-name{color:#ff0000;}

修改二級(jí)分類的高度：

.popup-content .cats-tree{margin:0 0 50px 0;}

修改二級(jí)分類右側(cè)圖標(biāo)代碼如下（有三級(jí)分類才會(huì)顯示）：

.popup-content .cats-tree .fst-cat-icon{background:url(圖片連接);}

----------------------------------------------------------------------------------

設(shè)置三級(jí)分類的樣式

三級(jí)分類文字代碼（除去“所有寶貝”分類）如下

.popup-content .cats-tree .snd-pop-inner{font-size:字號(hào)px;color:#顏色代碼;font-weight:bold/bolder/normal;}

三級(jí)分類文字代碼（包括“所有寶貝”分類字體大小）這樣就無法改變字體顏色，我們會(huì)繼續(xù)完善該代碼！如下

.popup-content .cats-tree .snd-pop-inner{font-size:字號(hào)px;color:#顏色;}

三級(jí)分類背景代碼：

.popup-content .cats-tree .snd-pop-inner{background:#000000;}

鼠標(biāo)滑過三級(jí)分類導(dǎo)航文字變換背景色代碼如下：

.popup-content .cats-tree .snd-cat-hd-hover{background:#000000;}

在三級(jí)分類前加上小塊白色代碼如下：

.popup-content .cats-tree .snd-cat-icon{display:block;height:3px;width:3px;}