透明導航欄css代碼

① 求高手修改我的百度CSS代碼

已經給你從新修改。參見http://hi..com/coleyinhe 的效果，下面代碼里的圖片是你要的那個心的，滑鼠那也是，你自己試試啦，，我空間上我也改啦。。第一次玩空間。。。順便幫你弄的時候也自己弄個玩玩。。。。以後有什麼這些網頁語言方面的我都能幫你啦。。 代碼里的注釋已經寫得很清楚了。可以根據自己要求改改的。 還有什麼不對的地方，我再給你弄弄， 導航欄的 主頁博客|相冊|個人檔案 |好友 |設置 這些，如果你要和原來那樣或者其他顏色的話。我也可以給你改下，在代碼里我也已經標出來了。用16進制的顏色代碼寫就可以了。 ----------以下是完整CSS代碼------------ *************************************** --------------------------------------- body{background:#000;CURSOR: url('http://webme.bokee.com/inc/mouse009.ANI')}/*這里是滑鼠的圖片*/ a:hover{CURSOR: url('http://webme.bokee.com/inc/mouse009.ANI')}/*這里是滑鼠碰到連接後的圖片*/ a:hover {position:relative; left:1px; top:1px; clip:rect()} /*body{background:#7CC7FF}/* /*本行為默認模板的，即背景為藍色，而背景圖片不是全部都是的那種*/ body{background:url(https://gss0..com/7LsWdDW5_xN3otqbppnN2DJv/%F6%AD%C0%C7/pic/item/c479b51ce707c98b87d6b6d0.jpg
" target="_blank" >https://gss0..com/7LsWdDW5_xN3otqbppnN2DJv/%F6%AD%C0%C7/pic/item/c479b51ce707c98b87d6b6d0.jpg
) no-repeat;background-position: center;background-attachment: fixed;} /*版權所有cole,[email protected],QQ356572960,允許復制，但請保留該版權信息，否則將動用技術手段破壞！*/ /*注釋說明：如需要修改各分類或者評論以及友情連接這些的那框的高度，超過高度後自動出現滾動條的，那麼這個高度設置就是下邊注釋中 height:500px 這里，height代表高度的意思，500px代表高度尺寸，可以自己設置成1000px 2000px 100px等等*/ /*色彩配置的注釋說明：如需要修改各地段色彩類，請修改代碼內如#FFFFFF的，這里使用的是16進制的，可以在一些做圖的軟體上的調色板里，找到你要的顏色，一般上邊都會有一個代碼，這個就是這里寫的代碼了*/ /*其實CSS樣式表的語法格式很簡單的，即使不會的人，上邊很多語法都是用英文單詞的，還有一些參數值，會ASP這些技術的人應該都會啦。。*/ #header{height:89px;background:url() repeat-x }/*這里是藍色的那塊，就是LOGO後邊的那，他是一個小圖片，然後拉伸得到的，你也可以直接放大圖，但盡量是1024長度的，不然會出現多個相同圖片的效果*/ #header div.lc{} #header div.rc{background:url(http://zz53.com/images/111.gif) no-repeat top right}/*這里是蝴蝶的那LOGO的地方修改里邊的地址即可修改LOGO*/ #header div.tit{top:8px;left:20px;line-height:22px;font-size:20px;font-family:黑體} #header div.tit a.titlink{color:#FFFFFF;text-decoration:none} #header div.tit a.titlink:visited{color:#FFFFFF;text-decoration:none} #header div.desc{top:33px;left:20px;color:#FFFFFF;font-size:13px} #tabline{top:89px} /*#tab{top:67px;background:#0186E9}*/ #tab{top:67px;background:filter:alpha(opacity=50)} /*這里有部分是那導航欄的*/ #tab a.on,#tab a.on:link,#tab a.on:visited{margin-top:0px;line-height:22px;background-color:#7CC7FF;color:#000000;font-size:14px} #tab span{color:#FFFFFF;font-size:14px} #tab a:link{color:#FFFFFF;text-decoration:none;font-size:14px} #tab a:visited{color:#FFFFFF;text-decoration:none;font-size:14px} #tab2{background:#DAE9F5} #tab2 span{color:#000000;font-size:12px;font-weight:bold} #tab2 a{font-size:12px} #tab2 a:link{color:#0000CC} #tab2 a:visited{color:#0000CC} /*這里這堆是頂部的*/ /* .stage{background:url(https://gss0..com/7LsWdDW5_xN3otqbppnN2DJv/%F6%AD%C0%C7/pic/item/c479b51ce707c98b87d6b6d0.jpg
" target="_blank" >https://gss0..com/7LsWdDW5_xN3otqbppnN2DJv/%F6%AD%C0%C7/pic/item/c479b51ce707c98b87d6b6d0.jpg
) bottom no-repeat }*/ /*這里是背景圖片*/ .stage{} #comm_info{color:#666666;font-family:Arial;text-align:left} #comm_info div.line{margin-top:5px;line-height:8px;border-top:1px solid #ECECEC;background:url(http://www.ip.cn/s.php) no-repeat bottom; padding-bottom: 40px; margin-bottom: 10px}background:url(http://www.ip.cn/s.php) no-repeat bottom; padding-bottom: 40px; margin-bottom: 10px #comm_info a{color:#1A991E} #page{height:30px;font-size:14px;font-family:Arial;text-align:center} #page span{padding:3px;color:#000000;font-size:14px;font-weight:bold} #page a.pc{color:#1A991E;font-size:14px;font-weight:bold} #page a.pc:visited{color:#1A991E} #page a.pi{padding:3px;color:#1A991E;font-size:14px} #page a.pi:visited{color:#1A991E} .mod{margin-bottom:10px} .modhandle{cursor:move} .modth{height:24px} .modhead{padding:4px 4px 0 4px} .modopt{padding:4px 4px 0 0} .modtit{color:#0092FF;font-size:12px;font-weight:bold}a.modtit{color:#0092FF}a.modtit:visited{color:#0092FF} .modtitlink{color:#FFFFFF;font-size:12px;font-weight:bold}a.modtitlink{color:#FFFFFF;text-decoration:none}a.modtitlink:visited{color:#FFFFFF;text-decoration:none}a.modtitlink:hover{color:#FF5100;text-decoration:underline} .modact{color:#0092FF;font-size:12px}a.modact:link{color:#0092FF}a.modact:visited{color:#0092FF} .modbox{padding:10px 10px 0 10px;background-color:#FFFFFF;border-left:1px solid #FFFFFF;border-right:1px solid #FFFFFF} .modtl{background:url(https://gss0.bdstatic.com/70cFsjip0QIZ8tyhnq/hi/temp7/ptitl.gif) no-repeat top left;line-height:1px} .modtc{background:url(https://gss0.bdstatic.com/70cFsjip0QIZ8tyhnq/hi/temp7/ptitc.gif) repeat-x} .modtr{background:url(https://gss0.bdstatic.com/70cFsjip0QIZ8tyhnq/hi/temp7/ptitr.gif) no-repeat top right;line-height:1px} .modbox,.modbl,.modbc,.modbr{filter:alpha(opacity=60);-moz-opacity:0.8;width:auto !important;width:100%} /*上面這行是透明度的設置，也就是頁面和背景的透明度，opacity=60這里可以自己修改，60表示60%的意思*/ .modbl{background-color:#FFFFFF;border-left:1px solid #FFFFFF;border-bottom:1px solid #FFFFFF;line-height:1px} .modbc{background-color:#FFFFFF;border-bottom:1px solid #FFFFFF;line-height:1px} .modbr{background-color:#FFFFFF;border-right:1px solid #FFFFFF;border-bottom:1px solid #FFFFFF;line-height:1px} #m_blog{overflow-y:auto;height:500px; scrollbar-face-color:#AAAAAA; scrollbar-highlight-color:#fff; scrollbar-shadow-color:#000; scrollbar-arrow-color:#4b0082; scrollbar-base-color:#AAAAAA; scrollbar-dark-shadow-color:#69f;}/*文章的那滾動條*/ #m_blog div.tit{color:#8A3506;font-size:14px;font-weight:bold;background:url(http://zz53.com/images/222.gif) no-repeat top left;text-indent: 22px;height:70px;line-height:75px} #m_blog div.tit a{color:#1A991E;font-size:14px;font-weight:bold} #m_blog div.tit a:visited{color:#1A991E} #m_blog div.date{margin:5px 0 8px 0;color:#999999} #m_blog div.cnt{color:#666666;line-height:20px;font-size:14px} #m_blog div.more{margin:14px 0 16px 0} #m_blog div.more a{color:#1A991E;font-size:14px} #m_blog div.more a:visited{color:#1A991E} #m_blog div.opt{color:#999999;font-size:12px} #m_blog div.opt a{color:#1A991E;font-size:12px} #m_blog div.opt a:visited{color:#1A991E} #m_blog div.line{margin-top:17px;line-height:17px;border-top:1px solid #ECECEC} #m_blog div.none{padding:100px 0 100px 0;color:#666666;font-size:14px} /*標題的框*/ #m_pro a{color:#1A991E} #m_pro a:visited{color:#1A991E} #m_pro div.image{text-align:center} #m_pro div.act{margin-top:10px} #m_pro div.user{margin-top:10px;color:#666666;font-size:12px;font-weight:bold} #m_pro div.desc{color:#666666;font-size:12px} #m_pro div.line{margin-top:17px;line-height:17px;border-top:1px solid #ECECEC} #m_pro td{color:#666666;line-height:24px;font-size:14px} #m_album{overflow-x:auto;height:250px} /*這里因為如果沒有此限制參數，大圖片的時候可能造成整個框架的變形，所以務必保留此項，如不喜歡可以在前面加/*或直接刪除即可*/ #m_album{overflow-y:auto;height:120px; scrollbar-face-color:#AAAAAA; scrollbar-highlight-color:#fff; scrollbar-shadow-color:#000; scrollbar-arrow-color:#4b0082; scrollbar-base-color:#AAAAAA; scrollbar-dark-shadow-color:#69f;}/*這里是圖片也就是像冊的那滾動條*/ #m_album div.image{text-align:center} #m_album div.page{color:#666666;font-size:12px;text-align:center} #m_album div.page a{color:#0000CC;font-size:12px} #m_album div.page a:visited{color:#0000CC} #m_links{overflow-y:auto;height:200px; scrollbar-face-color:#AAAAAA; scrollbar-highlight-color:#fff; scrollbar-shadow-color:#000; scrollbar-arrow-color:#4b0082; scrollbar-base-color:#AAAAAA; scrollbar-dark-shadow-color:#69f;}/*友情連接的那裡*/ #m_links div.item{color:#666666;font-size:12px} #m_links div.item a{color:#1A991E;font-size:12px;text-decoration:none} #m_links div.item a:visited{color:#1A991E} #m_links div.line{margin-top:5px;line-height:8px;border-top:1px solid #ECECEC} #m_artclg{overflow-y:auto;height:120px; scrollbar-face-color:#AAAAAA; scrollbar-highlight-color:#fff; scrollbar-shadow-color:#000; scrollbar-arrow-color:#4b0082; scrollbar-base-color:#AAAAAA; scrollbar-dark-shadow-color:#69f;}/*文章分類的那滾動條*/ #m_artclg div.item{color:#666666;font-size:12px} #m_artclg div.item a{color:#1A991E;font-size:12px} #m_artclg div.item a:visited{color:#1A991E} #m_artclg div.line{margin-top:5px;line-height:8px;border-top:1px solid #ECECEC} #m_filed div.item{color:#666666;font-size:12px} #m_filed div.item a{color:#1A991E;font-size:12px} #m_filed div.item a:visited{color:#1A991E} #m_filed div.line{margin-top:5px;line-height:8px;border-top:1px solid #ECECEC} #m_comment{overflow-y:auto;height:120px; scrollbar-face-color:#AAAAAA; scrollbar-highlight-color:#fff; scrollbar-shadow-color:#000; scrollbar-arrow-color:#4b0082; scrollbar-base-color:#AAAAAA; scrollbar-dark-shadow-color:#69f;}/*最新評論的那滾動條*/ #m_comment div.item{color:#666666;font-size:12px} #m_comment div.item a{color:#1A991E;font-size:12px} #m_comment div.item a:visited{color:#1A991E} #m_comment div.item a.cnt{color:#666666;font-size:12px;text-decoration:none} #m_comment div.item a.cnt:visited{color:#666666;text-decoration:none} #m_comment div.item a.cnt:hover{color:#666666;text-decoration:underline} #m_comment div.line{margin-top:5px;line-height:8px;border-top:1px solid #ECECEC} #m_albumlist div.note{color:#666666;font-size:14px} #m_albumlist div.desc{margin-bottom:12px;padding:3px 10px 3px 10px;line-height:22px;background-color:#F2F2F2;font-size:14px} #m_albumlist div.none{padding:100px 0 100px 0;color:#666666;font-size:14px} #m_albumlist div.line{margin-top:10px;line-height:16px;border-top:1px solid #ECECEC} #m_albumlist div.tit{margin:6px 0 7px 0;color:#666666;font-size:14px} #m_albumlist div.tit a{color:#1A991E;font-size:14px} #m_albumlist div.tit a:visited{color:#1A991E} #m_albumlist span.count{color:#666666;font-size:12px;font-weight:bold} #m_albumlist span.size{color:#999999;font-size:12px;font-family:Arial} #m_albumlist a.act{color:#1A991E;font-size:12px} #m_albumlist a.act:visited{color:#1A991E} #m_albumlist a.page{color:#0000CC;font-size:14px} #m_albumlist a.page:visited{color:#0000CC} #m_albumlist td.image{padding:5px;border:1px solid #999999;background:#FFFFFF} /*這里是像冊列表的，就是點導航欄後進入的像冊*/ #m_friend div.filter{margin-bottom:10px;padding-left:10px;padding-top:10px;height:27px;line-height:27px} #m_friend div.catalog{margin-bottom:10px;padding-left:10px;height:27px;line-height:27px;background-color:#F2F2F2;font-size:14px} #m_friend div.user{margin-top:4px;color:#666666;font-size:12px} #m_friend div.user a{color:#1A991E;font-size:12px} #m_friend div.user a:visited{color:#1A991E} #m_friend div.line{margin-top:10px;line-height:16px;border-top:1px solid #ECECEC} #m_setting a{color:#1A991E} #m_setting a:visited{color:#1A991E} #m_setting{line-height:22px;color:#666666;font-size:14px} #m_setting img.sel{border:4px solid #FFDB7B} #m_setting img.unsel{border:1px solid #D2D2D2} #m_setting span.tit{font-size:14px} #m_setting span.usr{color:#666666} #m_setting div.sel{padding-top:6px;font-size:14px;font-weight:bold} #m_setting div.line{margin-top:20px;line-height:16px;border-top:1px solid #ECECEC} #m_sysinfo a{color:#1A991E} #m_sysinfo a:visited{color:#1A991E} #m_sysinfo{line-height:22px;color:#666666;font-size:14px} #m_sysinfo span.new{color:#FF0000;font-size:10px;font-family:Arial} #m_sysinfo span.date{color:#666666;font-size:14px} #m_setbase{color:#666666;font-size:14px} #m_setbase td{color:#666666;font-size:14px} #m_setbase div.line{margin-top:5px;line-height:8px;border-top:1px solid #ECECEC} #in_comment{width:710px} #in_comment div.tit{margin-bottom:12px;color:#666666;font-size:14px;font-weight:bold} #in_comment div.user{margin-bottom:6px;color:#666666;font-size:12px} #in_comment div.user a{color:#1A991E;font-size:12px} #in_comment div.user a:visited{color:#1A991E} #in_comment div.user span.date{color:#666666;font-size:12px} #in_comment div.desc{color:#666666;font-size:12px} #in_comment div.line{margin-top:17px;line-height:17px;border-top:1px solid #ECECEC} #in_send div.tit{margin:10px 0 10px 0;color:#666666;font-size:14px;font-weight:bold}

② 淘寶導航欄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、店招太大把導航欄擠掉了，但系統一般默認 120 px 這種幾率不高；
2、你看看頁頭的設置，那個顏色的地方是不是設置成白色了，移動那部分有反應但看不到是因為你字體顏色是白色，而背景和導航欄在頁頭那裡是一體顏色的，你把頁頭顏色設置成白色等於把導航欄也設置成白色，自然就感覺消失了其實只是被隱藏了，這種情況用以下這個做了修改的代碼：
店鋪裝修→導航欄編輯→顯示設置，把以下 CSS 代碼復制進去保存
/* 導航條背景色*/
.skin-box-bd .menu-list{background: none repeat scroll 0 0 #000000;}
/*首頁/店鋪動態背景色*/
.skin-box-bd .menu-list{
background:none repeat scroll 0 0 #000000;
width:87%;}
/*首頁/店鋪動態右邊線*/
.skin-box-bd .menu-list .menu{border-right:1px #000000 solid;}
/*首頁/店鋪動態文字顏色*/
.skin-box-bd .menu-list .menu .title{color: #D9D919}
/*所有分類背景色*/
.all-cats .link{background: none repeat scroll 0 0 #000000;}
/*所有分類右邊線*/
.all-cats .link{border-right:1px #000000 solid;}
/*所有分類文字顏色*/
.skin-box-bd .all-cats .title{color: #FFFFFF}
顏色代碼自行修改，我導航欄是黑色的，文字顏色是白色
代碼中改過的地方：
/*首頁/店鋪動態背景色*/
.skin-box-bd .menu-list{
background:none repeat scroll 0 0 #000000;
width:87%;}
這段是做過修改的，87% 是避免修改後留出一片空白，100% 直接跳行，87% 剛好。

④ 淘寶新版旺鋪導航半透明CSS代碼是什麼

1：登陸淘寶賣家中心，進入淘寶店鋪裝修後台頁面，滑鼠放在導航欄位置，出現編輯窗口，
2：點擊編輯，找到「顯示設置」，點擊後看到白框就是CSS自定義框。
3:將我們上面提供的透明代碼復制進去，導航欄就會透明顯示了
簡單的淘寶新旺鋪自定義CSS導航透明背景代碼：

.skin-box-bd{background:none;}
.menu-list{background:none;}.link{background:none;}
.menu{background:none;}
.all-cats{background:none;}
.all-cats{display:none;}
.menu-list .menu .title{color:#CF6AA6;}

完全的淘寶新旺鋪自定義CSS導航透明背景代碼：

.skin-box-bd{background:none;border:none;}
.menu-list{background:none;}
.link{background:none;border:none;}
.menu{background:none;}
.all-cats{background:none;}
.skin-box-bd .all-cats .link{border:none;}
.skin-box-bd .menu-list .menu{border:none;}
.menu-list .menu .title{color:#000000;font-size:15px;font-weight:bold;}
.all-cats .link .title{color:#000000;font-size:15px;font-weight:bold;}
.skin-box-bd .menu-list .menu-selected .link{background:none;}
.skin-box-bd .menu-list .menu-selected .link .title{background:none;}