透明导航栏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;}