❶ 淘寶店鋪導航欄點擊之後是藍色可以改顏色嗎有css代碼嗎
可以更改,一般導航欄的css樣式是:
<ul>
<li></li>
<li></li>
<li><a>店鋪動態</a></li>
</ul>
定義一下<li>的樣式即可。
看這個圖片的樣子是版把權<a>轉化成塊了。所以css里應該有:display:block;
.a{display:block;background:#000000} 加入,即可,不過背景是黑色的。
❷ 淘寶導航css代碼
去掉全部邊框:復
.all-cats .link{border:0px;}
.menu-list .menu{border:0px}
去掉箭頭:
.all-cats .link .popup-icon{display:none;}
箭頭是個制圖標不是顏色,你可以用以下代碼更改:
all-cats .link .popup-icon{background:url(圖片連接);}
希望已經幫你解決問題了。
❸ 淘寶導航三級菜單背景色和字體顏色怎麼改求css代碼!
css大致就是像下面抄這樣子寫的:襲
背景色:
background-color:#efefef;
字體顏色:
color:#0f0f0f;
但是你沒有告訴我們導航欄的DOM結構,class,id,沒辦法幫你弄呀。
可以直接去W3Shool自己學習一下css:http://www.w3school.com.cn/css/index.asp
馬上就能學會啦。
❹ css設置導航菜單顏色
有兩種思路。解決
第一種:通過判斷當前的頁面的分類ID和每個菜單的ID進行對比,哪個菜單的ID等於當前頁面的分類ID。。那麼給其添加一個CLASS讓其樣式發生變化。。這種方法需要PHP ASP .NET等WEB伺服器腳本輔助實現。
第二種:就是通過純CSS實現。。簡單點說就是給每個菜單進點擊進入的頁面的body元素各添加一個class.然後通過CSS層疊樣式表定義其頁面擊後的效果。示例如下
如果是產品介紹的頁面那麼body元素添加一個樣式<body class=「proct」>
介紹頁面呢給body元素再添加另一個樣式<body class='about'>
其他頁面以此類推
然後在樣式表中這樣定義點擊後的頁面的樣式
/*定義菜單的初始樣式*/
.menu li a{display:block;width:80px;height:30px;background:green;float:left;}
/*定義當前頁面對應的菜單樣式*/
body.proct .menu li a,body.about .menu li a{display:block;width:100%;height:100%;background:red;}
這樣你進入產品介紹 和 公司介紹頁面之後對應的CSS生效對應的菜單背景顏色會變紅。。點進去變紅。其他菜單還是初始樣式。。
其實第二種比較麻煩。因為分別定義body加class那部分。。或者你用伺服器腳本動態生成lclass 。也行。。但相比第一種還是麻煩了許多。
如果對您有幫助。還望採納。謝謝。
❺ style.css怎麼改導航顏色
因為沒看到你的HTML代碼,所以只能根據意思來判斷了
.nav2{ width: 100%;background:#c00; height:40px;}
很有可能的是導航背景顏色,如果你想改成其他顏色的只需要把background的值換了就好了,如換成綠色:background:#0F0;
❻ css設置導航欄顏色
你說的應該是超鏈接的導航欄了。
超鏈接默認的狀態是 :link,點擊過是 :visited,所以,滿足你要求的是這兩個屬性的顏色值要是一樣的。例如。
<style>
a:link{color:#888;}
a:visited{color:#888;}
</style>
<body>
<a href="#">首頁</a> | <a href="#">文章</a>
</body>
當然,如果你想讓A在所有的狀態下,顏色都一樣的話,只需要用一個
a{}定義顏色不可以了。
❼ 跪求淘寶導航css黑底白字代碼!!!
親,淘寶普通店家不讓用CSS定義樣式...
如果需要黑底白字,可以讓美工製作成圖片形式的鏈接代替導航,也可以花錢購買模板...
❽ 誰有漂亮的淘寶網導航的樣式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;}
希望可以綁定石你