淘寶導航欄字體大小代碼_淘寶導航CSS代碼設置

⑴ 如何修改淘寶導航欄字體改變大小的CSS代碼

據目測，裡面貌似沒設置字體大小的樣式啊

⑵ 淘寶店鋪導航欄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;}

⑷ 淘寶導航欄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默認的顏色就是透明的屬性。所以寫和不寫都是一樣的

⑸ 淘寶店鋪裝修的時候，用代碼把導航欄隱藏掉了，如何恢復

1、360瀏覽器中打開店鋪裝修
2、點擊審查元素
3、CTRL+F
查找
.skin-boxbd{height:0;overflow:hidden;}
（這段代碼是我當時隱藏導航時輸入的）
4、然後顯示出導航
但此時還不會顯示編輯按鈕
因為編輯也被隱藏了
5、再CTRL+F查找height:
0px
6、可能有好幾個height:
0px
把他改成height:
30px
7、一會兒就找到編輯按鈕了
然後刪除.skin-box-bd{height:0;overflow:hidden;}

⑹ 淘寶導航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。。。具體淘寶導航的css我沒設置過，你可以看看是不是標准css。。

字體的css樣式：

font-family:"微軟雅黑","宋體",serif;

解釋下：這個設置的意思是，優先微軟雅黑，如果沒有微軟雅黑就用宋體，如果兩個都沒有就用serif類字體。。

網路了一下，淘寶用的好像是特殊的css。。

你可以參考：http://wenku..com/view/199ac646852458fb770b5653.html

導航:首頁 > 編程語言 > 淘寶導航欄字體大小代碼

淘寶導航欄字體大小代碼

與淘寶導航欄字體大小代碼相關的資料

友情鏈接