自从校内11月改版，禁止了htm以来，在校内就很少看到漂亮的页面了，众里寻她千百度，那人正在灯火阑珊处，找到了蓝秋鹏的页面，很不错，于是改了一下导航，在日志里加了js，弄了上去，感谢蓝同学呵
下面是css代码：

 #container{width:963px;}#content{width:943px;border-right:none;border-bottom:none;border-left:none;background-image:url(<a href="http://fm201.img.xiaonei.com/tribe/20070922/12/57/A706599050455OXC.gif);}#navigation{background-image:url(http://fm161.img.xiaonei.com/tribe/20070922/12/49/A655216785206PUP.jpg);height:30px;border-left:none;width:950px;padding-top:12px;padding-left:18px;background-repeat:no-repeat;border-bottom:0;left:0;top:0;background-color:#3a3a3a;}#navigation">http://fm201.img.xiaonei.com/tribe/20070922/12/57/A706599050455OXC.gif);}#navigation{background-image:url(http://fm161.img.xiaonei.com/tribe/20070922/12/49/A655216785206PUP.jpg);height:30px;border-left:none;width:950px;padding-top:12px;padding-left:18px;background-repeat:no-repeat;border-bottom:0;left:0;top:0;background-color:#3a3a3a;}#navigation</a> a:hover{background-color:#656565;}#header{height:101px;background-image:url(<a href="http://fm261.img.xiaonei.com/tribe/20071116/23/05/A555643278258OXC.jpg);width:963px;}#widebar{width:963px;border:none;}#footer{background-image:url(http://fm191.img.xiaonei.com/tribe/20070922/12/46/A637517161866FLO.jpg);background-repeat:no-repeat;}#container">http://fm261.img.xiaonei.com/tribe/20071116/23/05/A555643278258OXC.jpg);width:963px;}#widebar{width:963px;border:none;}#footer{background-image:url(http://fm191.img.xiaonei.com/tribe/20070922/12/46/A637517161866FLO.jpg);background-repeat:no-repeat;}#container</a> #footer{padding-bottom:40px;width:963px;}#userRelations{float:right;width:223px;margin-top:0;background-image:url(<a href="http://fm151.img.xiaonei.com/tribe/20070922/12/42/A614824072427RAT.jpg);background-repeat:no-repeat;}#userUpdates{width:693px;float:left;margin-top:0;}.box">http://fm151.img.xiaonei.com/tribe/20070922/12/42/A614824072427RAT.jpg);background-repeat:no-repeat;}#userUpdates{width:693px;float:left;margin-top:0;}.box</a> h3{border-top:none;padding-top:6px;padding-left:12px;color:#fff;font-weight:400;}.box .more{padding-top:6px;}#userRelations .boxcont,#userPicture a img,#userPicture a:hover img{border:none;}#userShare h3,#userFriend h3,#userFriendSpecial h3,#userVisitor h3,#userFriendUniv h3{background-image:url(<a href="http://fm191.img.xiaonei.com/tribe/20070922/12/50/A664794074623PUP.jpg);height:29px;background-repeat:no-repeat;}#userShare">http://fm191.img.xiaonei.com/tribe/20070922/12/50/A664794074623PUP.jpg);height:29px;background-repeat:no-repeat;}#userShare</a> .boxcont,#userFriend .boxcont,#userFriendSpecial .boxcont,#userVisitor .boxcont,#userFriendUniv .boxcont{background-color:#2d2d2d;}#userStatus{background:transparent;border-bottom:0;margin:0;padding:0;}#userActions li a:hover{background:#656565;width:223px;}#userPicture{text-align:center;padding-top:10px;}#userInfo{top:35px;background-color:#2d2d2d;}#userVisitor{top:40px;}#userFriendSpecial{top:45px;}#userFriend{top:50px;}#userFriendUniv .boxcont{overflow:auto;height:225px;}#userFriendUniv li{width:150px;}#userAlbum .more,#userBlog .more,#Classmate .more,#userTalk .more,#userGroup .more{padding-top:22px;}#userAlbum h3,#userBlog h3,#userPandora h3,#Classmate h3,#userGroup h3,#userTalk h3,#giftBox h3{background-image:url(<a href="http://fm201.img.xiaonei.com/tribe/20070922/12/48/A650749527740FLO.jpg);height:32px;background-repeat:no-repeat;padding-top:22px;}#userStatus">http://fm201.img.xiaonei.com/tribe/20070922/12/48/A650749527740FLO.jpg);height:32px;background-repeat:no-repeat;padding-top:22px;}#userStatus</a> h2{background-image:url(<a href="http://fm201.img.xiaonei.com/tribe/20070922/12/48/A650749527740FLO.jpg);background-repeat:no-repeat;padding-top:20px;height:32px;font-weight:400;padding-left:20px;color:#fff;}#userProfile,#userAlbum,#userBlog,#userPandora,#userGroup,#userTalk,#Classmate,#userStatus,#giftBox{background-image:url(http://fm161.img.xiaonei.com/tribe/20070922/13/00/A720704060849PUP.gif);border-bottom:1px">http://fm201.img.xiaonei.com/tribe/20070922/12/48/A650749527740FLO.jpg);background-repeat:no-repeat;padding-top:20px;height:32px;font-weight:400;padding-left:20px;color:#fff;}#userProfile,#userAlbum,#userBlog,#userPandora,#userGroup,#userTalk,#Classmate,#userStatus,#giftBox{background-image:url(http://fm161.img.xiaonei.com/tribe/20070922/13/00/A720704060849PUP.gif);border-bottom:1px</a> #000 solid;}#userStatus{border-bottom:0}#album .image a img{padding:0;}#album li{width:340px;}#blog .info,#talk .info{background-color:#3d3d3d;border-top:none;padding-top:3px;}#blog h4,#album h4{font-weight:400;}#blog .text,#talk{overflow:auto;height:300px;}#blog .text img{max-width:650px;}#userUpdates #cmtbody{width:675px;background:#333;color:#fff;margin-bottom:5px;margin-top:-5px;border:1px solid #656565;}a{color:#fff;text-decoration:none;}a:hover{background:transparent;color:#fff;}body{background-color:#3a3a3a;color:#fff;margin:auto;}#userProfile h4{font-weight:400;color:#fff;}#footer p{visibility:hidden;}#Classmate .boxcont{padding:0 5px 5px;}#BasicInfo{position:absolute;left:500px;top:0;}#SchoolInfo{position:absolute;left:200px;top:0;}.inputbutton,.inputsubmit,.subbutton,.canbutton{border:1px solid #656565;background:#202020;height:24px;line-height:16px;margin-bottom:5px;padding:3px;}html{scrollbar-arrow-color:#656565;scrollbar-face-color:#202020;scrollbar-darkshadow-color:#2d2d2d;scrollbar-highlight-color:#2d2d2d;scrollbar-3dlight-color:#2d2d2d;scrollbar-shadow-color:#2d2d2d;scrollbar-track-color:#656565;}.act_share{padding-top:0;padding-right:8px;}.act_share A.share{border:1px solid #656565;background:#202020;color:#fff;text-indent:1.5em;line-height:12px;padding-top:5px;height:14px;}#sidebar,#adbar,#utility,#tagline,#logo,#permalink,#reportlink,#ContactInfo,#userTalk .readmore,#userTalk .super-actions,.logo-side,#giftBox .sub-h3,#userStatus .boxcont{display:none;}#userShare,#userFriendUniv{top:55px;}#userStatus h2 span,#userProfile .userProfileItem{color:#fff;} 
下面是我页面的部分预览：