激情闪动的校内网代码效果图:
<!--定义Banner-->
<style type="text/css"><!--#header{float:none;MARGIN-RIGHT:auto;MARGIN-LEFT:auto;position:relative;width:1000px;height:
650px;left:0px;background:url() no-repeat top;}--></style>
<style type=text/css><!--#tagline,#utility,#logo,.block,#permalink,#sidebar,
#footer{display:none;}--></style>
<style type=text/css><!--
#container{overflow:hidden;position:relative;width:1000px;margin:0 auto;}
#content{float:none;MARGIN-RIGHT:auto;MARGIN-LEFT:auto;width:900px;border:solid 1px #cc99ff;padding:20px;}--></style>
<style type=text/css><!--#userRelations{float:right;width:270px;}#userUpdates{float:left;width:590px;}--></style>
<style type="text/css"><!--#header{float:none;MARGIN-
RIGHT:auto;MARGIN-LEFT:auto;position:relative;width:1000px;height:750px;left:0px;background:url(http://images13.51.com/26/a/dd/1a/yunjin246/553_641_530dcd2d87fba06b.gif) no-repeat top;}--></style>
</style>
<EMBED src="http://www.einhand.com/product/music-player/player.swf?user=qiaojunxin" width="301" height="104" type="application/x-shockwave-flash" align="right" wmode="transparent" quality="high"> </EMBED>
<!-滚动图片->
<MARQUEE scrollAmount=4 scrollDelay=0 width=730 direction="left"><img
src="http://fm032.img.xiaonei.com/pic001/20070330/1335/L3150860MG.jpg" ><img
src="http://fm011.img.xiaonei.com/pic001/20070323/1140/L1267314GE.jpg" ><img
src="http://sekula.cn/tupian/UploadFiles_9018/200704/20070407181103809.jpg" ><img
src="http://www.fzlsky.com/upimg/20070324/11JE60155A026041F.jpg" ><img
src="http://www.meifashi.org.cn/mtzs/UploadFiles_1403/200704/20070418092659461.jpg" ><img
src="http://www.mosha.cn/fzltp/UploadFiles_1673/200704/20070419170043845.jpg" ><img
src="http://sekula.cn/tupian/UploadFiles_9018/200704/20070418071422604.jpg" ><img
src="http://sekula.cn/tupian/UploadFiles_9018/200704/20070407182016169.jpg" ></marquee>
<div class="boxcont"> :<style>a img {filter:alpha(opacity=100,style=2);}a:hover img {filter:none;/*隐约头像*/}</style>
<!--BK--><BODY BACKGROUND="http://images.51.com/f/200611/fc/ca/a56868649/b02030f09fbc5a0d3fc08af920579120.gif"> <!背景>
<style type=text/css><!--
#userRelations .box h3{height:40px;background:url(http://www.gaoedu.com.cn/Article/UploadFiles/200703/2007331232429222.jpg) no-repeat;padding-top:25px;padding-left:25px;}
#userRelations .more a{position:relative;top:25px;padding-right:25px;}
#userUpdates .box h3,#userProfile h3{height:45px;FONT-WEIGHT:bold;FONT-SIZE:15px;padding-left:25px;background:url() no-repeat;border:solid 0px;padding-top:25px;}--></style>
<style type=text/css><!--#userTalk .info{background:transparent;border-top:1px solid #cc99ff;}
#userBlog .info{height:40px;padding-top:4px;padding-left:50px;background:url(http://img.xiaonei.com/photos/20061231/0340/orig138731.gif
) no-repeat;border-top:1px solid #cc99ff;}
#userBlog .stat{height:20px;padding-left:16px;background:url(http://source.xiaonei.com/blog/20070314/1310/606399/orig137996.gif) no-repeat;}
--></style>
<style type=text/css><!--#userInfo{height:470px;TEXT-ALIGN:center;background:url(http://blog.ty17.com/attachments/2007/04/105745_200704042130511.gif) no-repeat center center;border-top:1px none #cc99ff;}
#userPicture{padding-top:30px;}#userActions{width:200px;}
--></style>
<style type=text/css><!--
#userRelations #userInfo{border:solid 1px #cc99ff;margin-top:0px;margin-bottom:10px;margin-left:auto;margin-right:auto;}
#userRelations #userStatus,#userRelations #userVisitor,#userRelations #userFriendSpecial,#userRelations #userFriend,#userRelations #userShare,#userRelations #userFriendUniv{border:solid 1px #cc99ff;margin-top:10px;margin-bottom:10px;margin-left:auto;margin-right:auto;padding-left:10px;padding-right:10px;width:250px}
#userStatus .boxcont,#userVisitor .boxcont,#userFriendSpecial .boxcont,#userFriend .boxcont,#userShare .boxcont,
#userFriendUniv .boxcont{border:solid 0px #cc99ff;}
#userUpdates #userProfile{border:solid 1px #cc99ff;margin-top:0px;margin-bottom:10px;margin-left:auto;margin-right:auto;padding:10px;}
#userUpdates #userAlbum,#userUpdates #userBlog,#content #userPandora,#userGroup,#userTalk{position:relative;border:solid 1px #cc99ff;margin-top:10px;margin-bottom:10px;margin-left:auto;margin-right:auto;padding:10px;width:590px;}
--></style>
<style type=text/css><!--
.box h3,A,A:hover,A:link,A:visited,#userProfile A,#userProfile A:hover,#userProfile A:link,#userProfile A:visited,#userProfile h4{color:#b444ff;}
.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 .userProfilXXXXXXue{color:#bd80e6;}
--></style>
<style type=text/css><!--#BasicInfo{float:left;width:290px;}--></style>
<style type=text/css><!--#AccountInfo{float:right;width:290px;}--></style>
<style type=text/css><!--#ContactInfo{float:right;width:290px;}--></style>
<style type=text/css><!--#PersonalInfo{clear:both;}--></style>
<style type=text/css><!--#userBlog .text{height:600px;overflow:auto;}#userBlog .info,#userBlog h4{height:87px;}--></style>
<style type="text/css"><!--
#navigation{positi