大家都问我 空间导航(主叶,博客。。。)是怎么做的 。 其实那东西不是我做的 ,我只是把人家的代码拿过来了改了下空间位置, 不好意思。本来我也想自己做个的怎耐我怎么做也做的不象,甚至恶心。经常到我空间逛的朋友应该知道前几天我空间上那挂的几片树叶,太难看了所以我还是全照搬过来了,缺少素材啊....现在开始谈正题
将以下代码替换成原来代码,注意背景必须是白色。否则....
#tab {
BACKGROUND: url(http://hiphotos.baidu.com/rien/pic/item/6cd3cb1b0e6cc8faaf5133d3.jpg)这里是菜单背景图,上面的地址是我做的一个效果,可以替换成自己喜欢的效果,我做的效果只适合放在背景全白的页面下; TOP: 607px; 主题距离background-position:left; background-repeat:no-repeat;
}
#tab A.on {
FONT-SIZE: 100px;FONT-height: 100px; COLOR: #c95f00;TEXT-DECORATION: none;width:97px; height:100px;line-height:100px; overflow: hidden; height:100px
}
#tab A.on:link {
FONT-SIZE: 80px;FONT-height: 100px; COLOR: #c95f00;TEXT-DECORATION: none;width:97px; height:100px;line-height:100px; overflow: hidden; height:100px
}
#tab A.on:visited {
FONT-SIZE: 80px;FONT-height: 100px; COLOR: #c95f00;TEXT-DECORATION: none;width:97px; height:100px;line-height:100px; overflow: hidden; height:100px
}
#tab SPAN {
FONT-SIZE: 100px;FONT-height: 100px;line-height:100px; COLOR: #000000; display:none
}
#tab A:link {
FONT-SIZE: 80px;FONT-height: 100px; COLOR: #c95f00; TEXT-DECORATION: none;filter:alpha(opacity=0);这里蓝色部分是透明化,测试的时候,改成100,完成后改成0实现透明width:97px; height:100px;line-height:100px; overflow: hidden; height:100px}
#tab A:visited {
FONT-SIZE: 80px;FONT-height: 100px; COLOR: #c95f00; TEXT-DECORATION: none;filter:alpha(opacity=0);这里蓝色部分是透明化,测试的时候,改成100,完成后改成0实现透明width:97px; height:100px;line-height:100px; overflow:hidden; height:100px}
下面是,文字,菜单的定位,自己想放在哪,自己修改数字
#tab{top:360px;←距离顶部多远left:255px;←离左边多远line-height:100px;filter:Chroma(Color="#ffffff")}
#tab a:hover{
line-height:100px;
top:0px;
left:0px;
color:#ffffff;
border:1px solid #ffffff;}
#tab span{{display:none}}
#tab a:link{color:#58B4F1;text-decoration:none;font-size:75px;font-weight:bold;font-height:100px}
#tab a:visited{color:#58B4F1;text-decoration:none;font-size:75px;font-weight:400;font-height:100px}
#tab2{background:#DAE9F5}
#tab2 span{color:#000000;font-size:12px;font-weight:bold;font-height:100px}
#tab2 a{font-size:12px;font-weight:bold;font-height:100px}
#tab2 a:link{color:#0000CC}
#tab2 a:visited{color:#0000CC}
替换后将说明部分的文字去掉。最后效果见本空间
在此感谢 风花雪乐YUE 的无私将代码公布出来,转载请注目作者风花雪乐YUE