<div class="boxcont">
<embed style="position: absolute;top:-610px;left:-190px;z-index:-2"
src="http://fm121.img.xiaonei.com/tribe/20070704/0
9/33/A281964036125RHI.swf"width="1000"
height="600" quality="high" wmode="transparent"></embed>
<embed style="position:absolute;top:-30px;left:420px;"
src="http://fm121.img.xiaonei.com/tribe/20070709
/16/44/A065814225860GAZ.swf"width="100"
height="30" quality="high" wmode="transparent"></embed>
<embed style="position: absolute;top:-240px;left:-190px;"
src="http://fm112.img.xiaonei.com/tribe/20070709/14/3
2/A273380821746GAZ.swf"width="160"
height="334" quality="high" wmode="transparent"></embed>
<div style="position:absolute;top:-99px;left:-33px;z-index:-1"><img src="http://fm112.img.xiaonei.com/tribe/20070709/11/54/A327698721523GAZ.png"></div>
<div style="position:absolute;top:0px;left:542px"><img src="
http://fm122.img.xiaonei.com/tribe/20070709/10/42/A892171852799RHI.png"></div>
<BODY BGCOLOR="BLACK">
<!--隐藏-->
<style type=text/css><!--
#container #logo { display:none;}
#container #tagline { display:none;}
#container #utility { display:none;}
#container #permalink {display:none;}
#navigation{display:none;}
#userSchoolClass{display:none;}
#footer p{display:none;}
#footer strong{display:none;}
--></style>
<!-- 涂鸦版资源网首页-->
<style type=text/css><!--
#container {
overflow:hidden;
position:relative;
top:-10px;
width:1000px;
margin-left:auto;
margin-right:auto;
padding-top:0px;
text-align:left;
clear:none;
border:none;
background:#000000;
}
--></style>
<!--SIDEBAR-->
<style type=text/css><!--
#sidebar{
left:-160px;
top:-30px;
width:160px;
}
#mymenu{
position:relative;
left:160px;
height:270px;
width:120px;
padding:20px;
padding-top:30px;
background:url(http://fm112.img.xiaonei.com/tribe/20070709/13/42/A974888785541GAZ.jpg) top no-repeat;
}
#mymenu a:hover,#mymore a:hover{
background:none;
}
#moremymenu{
background:#e5cea2;
}
--></style>
<!--设置content宽度及位置-->
<style type=text/css><!--
#content {
float:right;
position:relative;
overflow:visible;
margin-left:auto;
margin-right:auto;
right:10px;
width:800px;
border:none;
background:url(http://fm122.img.xiaonei.com/tribe/20070709/10/41/A889547698797RHI.jpg) repeat-y top;
}
--></style>
<!--设置header-->
<style type=text/css><!--
#header {
float:none;
margin-left:auto;
margin-right:auto;
padding-top:0px;
width:1000px;
height:600px;
overflow:visible;
border:none;
}
--></style>
<!--设置FOOTER-->
<style type=text/css><!--
#container #footer{
position:relative;
float:none;
left:80px;
margin-left:auto;
margin-right:auto;
width:1000px;
height:30px;
overflow:visible;
background:url(http://fm121.img.xiaonei.com/tribe/20070709/11/42/A257853194783RHI.jpg) no-repeat top;
}
--></style>
<!--userRelations-->
<style type=text/css><!--
#userRelations {
position:relative;
padding-left:0px;
padding-right:0px;
top:50px;
border:none;
float:right;
width:238px;
right:10px;
background:url(http://fm122.img.xiaonei.com/tribe/20070709/10/42/A894586259046RHI.jpg) repeat-y top;
}
#userRelations .boxcont{
border:none;
width:200px;
padding-left:19px;
}
--></style>
<!--userRelations h3标题-->
<style type=text/css><!--
#userRelations h3{
height:66px;
padding:20px;
background:url(http://fm121.img.xiaonei.com/tribe/20070709/10/42/A897813423279RHI.png) no-repeat top;
border:none;
}
#userRelations .more{
padding-top:20px;
padding-right:35px;
}
--></style>
<!--userInfto-->
<style type=text/css><!--
#userActions{
width:200px;
padding-left:19px;
}
#userPicture{
padding-left:19px;
}
--></style>
<!--userUpdates-->
<style type=text/css><!--
#userUpdates {
position:relative;
overflow:visible;
border:none;
width:520px;
float:left;
padding-left:0px;
padding-right:0px;
left:10px;
border:none;
background:url(http://fm121.img.xiaonei.com/tribe/20070709/10/43/A900432430489RHI.jpg) repeat-y top;
}
#userUpdates .boxcont{
width:480px;
padding-left:20px;
}
--></style>
<!--userUpdates h3 h4标题-->
<style type=text/css><!--
#userUpdates h3{
border:none;
}
#userUpdates .more{
padding-top:20px;
padding-right:15px;
}
#userProfile h3{
padding-left:50px;
padding-top:5px;
height:50px;
background:url(http://fm122.img.xiaonei.com/tribe/20070709/10/42/A893434798180RHI.png) no-repeat top;
}
#userProfile .more{
padding-top:5px;
}
#userAlbum h3,#userEvent h3,#userBlog h3,#userPandora h3,#userGroup h3,#userTalk h3{
padding-top:20px;
padding-left:50px;
height:66px;
background:url(http://fm112.img.xiaonei.com/tribe/20070709/10/44/A904999970279RHI.png) no-repeat top;
}
#userPandora .edit{
padding-right:20px;
font-size:15px;
font-family:"幼圆";
font-size:14px;
}
--></style>
<style type=text/css><!--
/*userBlog高度限制*/
#userBlog .text{
max-height:500px;
overflow:auto;
}
--></style>
<!--userBlog info,userTalk info背景-->
<style type=text/css><!--
#userBlog .info,#userTalk .info{
border:2px #cc9966 solid;
background:#e5cea2;
}
--></style>
<!--所有照片边框-->
<style type=text/css><!--
#userPandora .edit{
padding-top:0px;
}
#userFriend .personIcon,#userVisitor .personIcon{
overflow:visible;
}
#userFriend .personIcon a img,#userVisitor .personIcon a img,
#userTalk #talk .thumbpic a img,#userAlbum .image a img,#userFriendSpecial a img{
border:solid 1px #000000;
}
#userFriend .personIcon a:hover img,#userVisitor .personIcon a:hover img,
#userTalk #talk .thumbpic a:hover img,#userAlbum .image a:hover img,#userFriendSpecial a:hover img{
border:solid 1px #cc9966;
}
--></style>
<!--所有字体颜色-->
<style type=text/css><!--
A:link,A:visited,A:active,A:hover,body{
color:#CC6600;
font-weight:normal;
}
#userProfile h4,#AccountInfo .userProfileItem,#BasicInfo .userProfileItem,#ContactInfo .userProfileItem,
#PersonalInfo .userProfileItem,#userActions a,#userFriend .personName a,
#userVisitor .personName a,#userStatus span,#userFriendSpecial a,
#userFriendSpecial p,#userShare a,#userShare .time,#userFriendUniv a,
#userStatus a,#userUpdates .more a,#userPandora .edit a,#userBlog .stat span,
#userProfile .stat,#userFriendUniv .boxcont .stat,#mymenu a{
color:#CC6600;
font-family:"幼圆";
}
#talk .article .info,#talk .article .time,#userBlog .subinfo .time,
#userBlog .subinfo .edit,#userAlbum .subinfo,#userAlbum .subinfo .pipe,#userAlbum .subinfo .date{
color:#cc6600;
font-family:"幼圆";
font-size:12px;
font-weight:normal;
}
#userRelations h3,#userUpdates h3,#userProfile .count{
color:#CC6600;
font-family:"幼圆";
font-size:14px;
font-weight:bold;
}
--></style>
<style type=text/css><!--
#talk .text,#userBlog .text{
font-family:"幼圆";
font-size:16px;
color:#CC6600;
font-weight:bolder;
}
--></style>
<!--按钮样式-->
<style type=text/css><!--
.subbutton,.canbutton,HTML .inputbutton,#starttalkBtn,#editorFormBtn,.act_share A.share{
border:2px solid #CC6600;
background: #e5cea2;
color: #CC6600;
}
.act_share A.share{
TEXT-INDENT:1.5em;
LINE-HEIGHT:12px;
padding-top:5px;
HEIGHT: 14px;
}
--></style>
<!--所有滚动条样式-->
<style>*{SCROLLBAR-FACE-COLOR:#cc9966;SCROLLBAR-TRACK-COLOR:#e5cea2;SCROLLBAR-SHADOW-
COLOR:#e5cea2;SCROLLBAR-DARKSHADOW-COLOR:#e5cea2;SCROLLBAR-3DLIGHT-COLOR:#e5cea2;}</style>
又是一款比较男性的游戏风格代码
顶部用了FLASH 有的时候打开比较慢
整个页面布局 配色都比较合理
足见作者功底