演示页面：http://home.xiaonei.com/getuser.do?id=222705095
代码：
<BGSOUND balance=0 src=\"/upimg/allimg/080124/0626290.gif) repeat;}
#content{MARGIN:0 10px;width:755px;border:solid 0px #daec88;}--></style>
<!--调整各部分位置/宽度-->
<style type=text/css><!--#userRelations{float:right;width:230px;}#userUpdates{float:left;width:510px;}--></style>
<!--定义Banner-->
<style type=\"text/css\"><!--#header{position:relative;background-image:url(http://source.xiaonei.com/blog/20070316/1930/630502/orig512007.jpg);background-repeat:no-repeat;width:800px;height:320px;left:0px;}--></style>
<!--定义头像背景-->
<style type=text/css><!--#userInfo{TEXT-ALIGN:center;background:url(http://fm022.img.xiaonei.com/tribe/20070417/1150/A2066449RO.jpg) no-repeat;border-top:1px none #daec88;}
#userPicture{padding-top:20px;}}--></style>
<!--设置各模块背景-->
<style type=text/css><!--
#userRelations #userInfo{margin-top:0px;margin-bottom:5px;margin-left:auto;margin-right:auto;}
#userRelations #userStatus{margin-top:5px;margin-bottom:5px;margin-left:auto;margin-right:auto;background:url(http://source.xiaonei.com/blog/20070318/1930/630502/orig1897860.gif) no-repeat;height:75px;width:210px;padding:15px 10px 10px 10px;}
#userRelations #userVisitor,#userRelations #userFriendSpecial,#userRelations #userFriend,#userRelations #userShare{margin-top:5px;margin-bottom:5px;margin-left:auto;margin-right:auto;background:url(http://source.xiaonei.com/blog/20070318/2020/630502/orig1947480.gif) no-repeat;height:235px;width:210px;padding:15px 10px 10px 10px;}
#userRelations #userFriendUniv{margin-top:5px;margin-bottom:5px;margin-left:auto;margin-right:auto;background:url(http://source.xiaonei.com/blog/20070319/0930/630502/orig32601.gif) no-repeat;height:295px;width:210px;padding:15px 10px 10px 10px;}
#userShare .boxcont{height:202px;overflow:auto;}
#userFriendUniv .boxcont{height:262px;overflow:auto;}
#userGroup .boxcont{height:82px;overflow:auto;}
#talk{height:750px;overflow:auto;}
#userStatus .boxcont,#userVisitor .boxcont,#userFriendSpecial .boxcont,#userFriend .boxcont,#userShare .boxcont,#userFriendUniv .boxcont{border:solid 0px white;}
#userUpdates #userProfile,#content #userPandora{margin-top:0px;margin-bottom:5px;margin-left:auto;margin-right:auto;background:url(http://source.xiaonei.com/blog/20070318/2130/630502/orig125875.gif) no-repeat;height:395px;width:490px;padding:15px 10px 10px 10px;}
#userUpdates #userAlbum,#userGroup{margin-top:5px;margin-bottom:5px;margin-left:auto;margin-right:auto;background:url(http://source.xiaonei.com/blog/20070318/2200/630502/orig152393.gif) no-repeat;height:115px;width:490px;padding:15px 10px 10px 10px;}
#userUpdates #userBlog{margin-top:5px;margin-bottom:5px;margin-left:auto;margin-right:auto;background:url(http://source.xiaonei.com/blog/20070318/2250/630502/orig202583.gif) no-repeat;height:790px;width:490px;padding:15px 10px 10px 10px;}
.subbutton, .canbutton { color:#00cc00;}
#userTalk{margin-top:5px;margin-bottom:0px;margin-left:auto;margin-right:auto;background:url(http://source.xiaonei.com/blog/20070319/0920/630502/orig270829.gif) no-repeat;height:825px;width:735px;padding:15px 10px 10px 10px;}
--></style>
<!--所有H3标题背景-->
<style type=text/css><!--
.box h3,#userProfile h3{background:transparent;border-top:0px;border-bottom:1px dashed #009900;}
.more a{position:relative;top:15px;}
.share{position:relative;top:15px;left:-10px;}
--></style>
<!--H4标题背景透明-->
<style type=text/css><!--#userBlog .info,#userTalk .info{background:transparent;border-top:1px solid #00cc00;}#userActions li{border-bottom:1px solid #00cc00;}
--></style>
<!--定义字体/边框颜色-->
<style type=text/css><!--
A,A:hover,A:link,A:visited,#userProfile A,#userProfile A:hover,#userProfile A:link,#userProfile A:visited,#userProfile h4{color:#009900;}
.box h3,.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{color:#009900;}
.personIcon td{border:0px solid #d8dfea;}
#userPicture a img{border:1px solid #d8dfea;}
#userPicture a:hover img{border:1px solid #b1ff0b;}
.subbutton,.canbutton,HTML .inputbutton,#starttalkBtn,#editorFormBtn,.act_share A.share{border:1px solid #00cc00;background:white;color:#00cc00;}
.act_share A.share{TEXT-INDENT:1.5em; LINE-HEIGHT:12px;padding-top:5px;HEIGHT: 14px;}
--></style>
<!--基本信息宽度-->
<style type=text/css><!--#BasicInfo{float:left;width:240px;}--></style>
<!--账号信息位置-->
<style type=text/css><!--#AccountInfo{float:right;width:240px;}--></style>
<!--联系方式位置-->
<style type=text/css><!--#ContactInfo{float:right;width:240px;}--></style>
<!--个人信息位置-->
<style type=text/css><!--#PersonalInfo{clear:both;}--></style>
<!--日志长度限制-->
<style type=text/css><!--#userBlog .text{height:400px;overflow:auto;}#userBlog .info,#userBlog h4{height:30px;}--></style>
<!--所有滚动条样式-->
<style>
* {SCROLLBAR-FACE-COLOR:white; SCROLLBAR-HIGHLIGHT-COLOR: #00cc00; SCROLLBAR-SHADOW-COLOR: #00cc00; SCROLLBAR-3DLIGHT-COLOR: #00cc00; SCROLLBAR-ARROW-COLOR:white; SCROLLBAR-TRACK-COLOR:white; SCROLLBAR-DARKSHADOW-COLOR: #00cc00;}
</style>
<!--定义底部背景，隐藏底部信息-->
<style type=text/css><!--
#container #footer {float:none;MARGIN:0px auto;position:relative;width:800px;height:41px; overflow:hidden; border:solid 0px;background:url(http://source.xiaonei.com/blog/20070319/1040/630502/orig55175.jpg) no-repeat top;}
#footer p,#footer strong,#footer div{display:none;} --></style>
<!--名字长度限制，防止有人取过长名字打乱好友列表布局-->
<style type=text/css>.personName{width:55px;}</style>
<style type=text/css> <!--#permalink,#snav,#footer{display:none;}--></style><!－除底部链接－>
</div> <!－加宽留言板－>
<style type=text/css><!--#sidebar,#userActions{display:none;} --></style><!--隐藏左侧导航栏-->
<style type=text/css><!--#userSchoolClass{display:none;} --></style><!--隐藏加入班级-->
<style>a img {filter:alpha(opacity=100,style=2);}a:hover img {filter:none;/*隐约头像*/}</style>
