<style type=text/css>
 html {
 scrollbar-face-color:#000;
 scrollbar-highlight-color:#848284;
 scrollbar-shadow-color:#000;
 scrollbar-3dlight-color:#000;
 scrollbar-arrow-color:#848284;
 scrollbar-track-color:#848284;
 scrollbar-darkshadow-color:#000;
 }
 
 body{
 font-size: 12px;
 font-family: Tahoma, Arial;
 background-color: #818181 ;
 margin: 0px;
 padding: 0px;
 margin-bottom: 10px;
 text-align: center;
 cursor:url(http://img.xiaonei.com/photos/20061001/1120/orig656734.cur);
 }
 
 #container{
 overflow:hidden;
 width:766px;
 margin:0px auto;
 background:url(http://fm151.img.xiaonei.com/blog/20070809/01/08/A291531223237GAZ.jpg) repeat;
 }
 
 
 #header{
 width:766px;
 height:225px;
 position:relative;
 background:url(http://fm151.img.xiaonei.com/tribe/20070927/07/05/A795998029127OXC.jpg) no-repeat;
 }
 
 
 
 #content{
 width:766px;
 border:none;
 }
 /*日记长度设置*/
 #userBlog .text{
 overflow:auto;
 height:300px;
 color:#888;
 font-family:Georgia, sans-serif;
 }
 #container #footer{
 position:relative;
 width:766px;
 height:236px;
 background:url(http://fm141.img.xiaonei.com/blog/20070811/13/15/A933676575811MUS.jpg) no-repeat bottom;}
 
 #userRelations{
 float:left;
 margin-left:50px !important;
 margin-left:20px;
 }
 #userUpdates{
 float:left;
 margin-left:20px;
 }
 .linkinpark{
 background-color:#9cf;
 color:#888;
 }
 .linkinpark a{
 background-color:#888;
 }
 
 a:hover{
 background-color:#000;
 color:#eee;
 cursor:url(http://img.xiaonei.com/photos/20061001/1110/orig656484.cur);
 text-decoration:none;}
 
 #userUpdates{
 width:445px
 }
 /*导航设置*/
 #navigation{
 position:absolte;
 left:25px;
 top:198px;
 width:650px;
 height:150px;
 background:transparent;
 overflow:hidden;
 font-size:12px;
 text-decoration:none;
 border:none;
 }
 #navigation A:link {
 font-size:12px;
 color: #fff;
 text-decoration:none;
 }
 #navigation A:visited{
 font-size:12px;
 COLOR: #fff;
 text-decoration:none;
 }
 #navigation A:hover {
 font-size:12px;
 background:#fff;
 text-decoration:none;
 color:#000;
 }
 
 
 
 * html .inputbutton,* html .subbutton,* html .inputsubmit{
 padding:0 5px;
 border:0px solid;
 background-color:#0F0F0F}
 
 * textarea{
 width:510px;
 height:90px;
 padding:0 5px;
 border:1px dashed #503524;
 background:#eeeeee;
 background-image: url(http://www.bo-u.cn/sc/inputbg.gif); }
 
 
 
 #userActions li a{
 color: #363739;
 }
 
 #userActions li a:hover{
 color: #eee;
 }
 
 .more a,.author a,.boxcont a,.edit a{
 color:#363739;
 }
 
 #userRelations h3{
 height: 42px;
 word-wrap: break-all;
 font-size: 12px;
 padding-top: 3px;
 padding-left: 15px;
 border-top:0px;
 background:url(http://fm121.img.xiaonei.com/blog/20070809/01/09/A297099139390GAZ.jpg) no-repeat; color:#424542;
 }
 
 #userUpdates h3{
 height: 42px;
 word-wrap: break-all;
 font-size: 12px;
 padding-top: 3px;
 padding-left: 15px;
 
 border-top:0px;
 background:url(http://fm201.img.xiaonei.com/tribe/20070928/17/35/A213040242372PUP.jpg) no-repeat;
 color:#424542;
 }
 
 #AccountInfo H4,#BasicInfo H4,#ContactInfo H4,#PersonalInfo H4, #SchoolInfo H4
 {
 color:#424542;
 }
 #userRelations .boxcont { border-right:0px;}
 #tagline,#utility,#logo,.block,#permalink,#sidebar,#footer p,#footer strong,#reportlink,#footer div{
 display:none;
 }
 /*友链样式*/
 #flink ul{
 width: 95%;/*根据自己群设置宽度*/
 text-align:center;
 padding:5px;
 }
 #flink li{
 float:left;
 width:49%;/*这个也得根据自己群设置宽度*/
 height:20px;
 color: #333;
 margin-top:5px;
 padding:5px 0;
 display:block;
 text-align:center;
 }
 #flink li a {
 display:block;
 text-decoration: none;
 padding:5px;
 }
 #flink li a:hover {
 display:block;
 background:#ccc;
 color:#fff;
 padding:5px;
 text-decoration: none;
 }
 
 </style>

</div> </div>

校内网代码精灵原创作品之建筑盒子风格，欢迎朋友们使用，同时为我提出宝贵意见，在此感谢朋友们的支持，此效果预览：