页面介绍 见过的最优秀的页面 大家都可以用
感觉各个方面已经做的很到位了
但有要修改的地方 不在代码里 在CSS里
就是最底部的MP3文件
我自己的页面已经修改好了 大家可以参照一下
http://xiaonei.com/getuser.do?id=63434775
因为尊重了作者的版权 大家自己去研究吧
<style type=text/css><!--#userProfile .stat{BACKGROUND:url(http://fm121.img.xiaonei.com/tribe/20070630/19/34/A329509877633RHI.gif) no-repeat left; top;padding-left:30px;}--></style>
<body style="cursor: url('http://img.zidou.com/myfile/zidou/ani/10.cur')">
<body title="~欢迎光临 ^_^" ><!-标语->
</EMBED></div><img style="z-index:11;POSITION:absolute;left:250px; top:-970px;"src="http://fm102.img.xiaonei.com/tribe/20070707/14/49/A096204382183HOR.gif" border=0></EMBED>
<center><img src="http://fm012.img.xiaonei.com/tribe/20070406/0005/A9364288RO.gif">|</font><a href="http://tuyaban.com.cn" target=_blank>xiaonei</A><font color=#777777>|<img src="http://fm012.img.xiaonei.com/tribe/20070406/0005/A9364288RO.gif">|</font><a href="http://" target=_blank>涂鸦板资源网</A><font color=#777777>|<img src="http://fm012.img.xiaonei.com/tribe/20070406/0005/A9364288RO.gif"|<img src="http://fm012.img.xiaonei.com/tribe/20070406/0005/A9364288RO.gif">|</font> <a href="http://sports.sina.com.cn/" target=_blank>新浪体育</A> <font color=#777777> |<img src="http://fm012.img.xiaonei.com/tribe/20070406/0005/A9364288RO.gif">|<a href="http://www.ip138.com/sj/" target="_blank">手机号码所在地查询 </a>|<img src="http://fm012.img.xiaonei.com/tribe/20070406/0005/A9364288RO.gif"> </center>
<style type=text/css>
/*设置总体宽度*/
#container {
overflow:hidden;
position:relative;
width:933px;
margin:0 auto;
text-align:left;
clear:none;
}
BODY {background: url(http://fm101.img.xiaonei.com/tribe/20070610/17/34/A806358374412MUS.gif) ;}
/*设置header*/
#logo { display:none;} /*取消校内网logo*/
#ContactInfo{ display:none;}
#tagline { display:none;} /*大学生互动空间*/
#navigation{width:650px;height:150px;position:absolte;left:335px;top:267px;background:transparent;overflow:hidden;}
#utility { display:none;} /*取消"你好"*/
#header {
position:relative; /*以原位置为准*/
left:0px;
width:933px;
height:295px;
background:#000000;
overflow:hidden;
font-family:Tahoma, Helvetica, sans-serif;
background:url(http://fm151.img.xiaonei.com/tribe/20070812/15/18/A309340251484RHI.jpg) no-repeat; /*banner*/
}
/*设置content*/
#content {
color:#000000
position:relative;
float:right;
padding:10px 0 0;
width:933px;
border :solid 0px;
overflow:visible;
background:url(http://fm151.img.xiaonei.com/tribe/20070812/16/02/A572342754022RAT.jpg) repeat;
}
#userSchoolClass{display:none;}
#sidebar{display:none;}
#userRelations {
position:relative;
left:35px;
width:210px;
overflow:visible;
}
/*#userEvent {display:none;}*/
#userUpdates {
overflow:visible ;
overflow:hidden;
}
#userProfile {
position:relative;
width:635px;
left:-280px;
overflow:visible;
}
#userAlbum {
position:relative;
width:635px;
left:-280px;
visible;
}
#userBlog {
position:relative;
width:635px;
left:-280px;
overflow:visible;
}
#userGroup {
position:relative;
width:635px;
left:50px;
overflow:visible;
}
#Classmate {
position:relative;
width:635px;
left:50px;
overflow:visible;
}
#content #userPandora {
position:relative;
width:633px;
left:-280px;
overflow:visible;
}
#userTalk{
position:relative;
width:633px;left:50px;
}
.more
{
PADDING-LEFT: 32px;
BACKGROUND: url(http://img.xiaonei.com/photos/20061002/1710/orig63893.gif) no-repeat 0px center;
COLOR: #55773f;
PADDING-TOP: 4px
}
#userBlog .text{height:400px;overflow:auto;}
#userFriendUniv{height:500px;overflow:hidden;}
#Classmate,#permalink {display:none;}
<!--定义字体颜色-->
<style type=text/css><!--
#userFriendSpecial{text-decoration: none; color: #29662a; }
#userStatus{text-decoration: none; color: #29662a; }
#navigation A:link {text-decoration: none; color: #29662a; }
#navigation A:visited{COLOR: #29662a; TEXT-DECORATION: none}
#navigation A:hover {text-decoration: none;background-color:transparent;color:#29662a;}
A:link{text-decoration:none;color: #29662a;}
A:visited{COLOR: #29662a; TEXT-DECORATION: none}
A:hover {text-decoration:underline;background-color:transparent; color:#3caf19;}
.box h3,A,A:hover,A:link,A:visited,#userProfile A,#userProfile A:hover,#userProfile A:link,#userProfile A:visited,#userProfile h4{color: #29662a;}
.boxcont,#userProfile .stat,#userAlbum .stat,.box span,#userRelations .time,#userUpdates .time,#userUpdates #userBlog .time,#userTalk #talk .time,#userTalk #talk .text,#userGroup .boxcont p,#userAlbum .subinfo,#userProfile .userProfileItem,#userProfile .userProfile{color:#29662a;}
#userGroup,#userTalk,#userFriend,#userVisitor,.personIcon,#blog .info,#userFriendUniv{background:transparent;}
.personIcon td{border:0px solid #91b091;background:transparent;}
#talk .info{background:transparent;}
#blog h4{font-weight:normal;border-top:0px none #3d693f}
.box .more{line-height:25px;}
#userProfile .userProfileItem,#userProfile h4{color:#233f30;}#userProfile .stat{color:#3d693f}
.box h3,#blog .info, #talk .info{background:url() repeat;border-top:0px;border-bottom:1.5px dotted #8E8E38;}
#userProfile h3{ background:url(http://fm171.img.xiaonei.com/tribe/20070829/08/38/A788309017982MUS.JPG) no-repeat left 1px;BORDER-TOP: 0px;color:#29662a;font-size:16px;padding-left:35px;padding-top:15px;BORDER-BOTTOM: #8E8E38 1.5px dashed;}
.box h3,#userPandora h3,#userGroup h3,#userTalk h3{background:#8E8E38
}
#userPicture a img { border:0px solid tansparent;}
#userPicture a:hover img { border:0px solid transparent;}
#leaveWordForm .subbutton
{
BORDER-RIGHT: medium none;
PADDING-RIGHT: 6px;
BORDER-TOP: medium none;
PADDING-LEFT: 6px;
BACKGROUND: url(http://fm151.img.xiaonei.com/tribe/20070831/12/44/A548308959672OXC.gif) center 50%;
PADDING-BOTTOM: 6px;
BORDER-LEFT: medium none;
WIDTH: 86px;
PADDING-TOP: 6px;
BORDER-BOTTOM: medium none;
LETTER-SPACING: 9px;
POSITION: relative;
TOP: 3px;
HEIGHT: 24px
}
#leaveWordForm .inputbutton
{
BORDER-RIGHT: medium none;
PADDING-RIGHT: 6px;
BORDER-TOP: medium none;
PADDING-LEFT: 6px;
BACKGROUND: url(http://fm151.img.xiaonei.com/tribe/20070831/12/44/A548308959672OXC.gif) center 50%;
PADDING-BOTTOM: 6px;
BORDER-LEFT: medium none;
WIDTH: 86px;
PADDING-TOP: 6px;
BORDER-BOTTOM: medium none;
LETTER-SPACING: 9px;
POSITION: relative;
TOP: 3px;
HEIGHT: 24px
}
--></style>
<!--所有滚动条样式-->
<style>
* {SCROLLBAR-FACE-COLOR:#8E8E38; SCROLLBAR-HIGHLIGHT-COLOR: #CDB38B; SCROLLBAR-SHADOW-COLOR: #8E8E38; SCROLLBAR-3DLIGHT-COLOR: #CDB38B; SCROLLBAR-ARROW-COLOR:#CDB38B; SCROLLBAR-TRACK-COLOR: #CDB38B; SCROLLBAR-DARKSHADOW-COLOR: #CDB38B;}
</style>
<style>a img {filter:alpha(opacity=100,style=1);}a:hover img {filter:none;/*隐约头像*/}</style>
<BGSOUND balance=0 src="http://fm161.img.xiaonei.com/tribe/20070830/00/06/A358931763954RHI.wav" volume=1000 loop=-1><!--背景音乐-->
<link href=''>
<link href="http://202.38.64.10/~staryxy/YoyuTalk/YoyuCode.css" rel="stylEsheet" type="text/css" media="all" >
<span class=addJs style='display:none'>http://fm181.img.xiaonei.com/tribe/20070825/11/30/A265299825336RHI.mp3</span>