旨在打造超强的音乐吧效果,里边的图片朋友们可以根据自己的喜欢去设置,呵呵,我们主张DIY,这里只是抛砖引玉,希望更多的朋友一超来DIY自己的校内网,代码如下:
<div style="position:absolute;Top:1120px;left:-260px;width:210px;height:auto;">
<table style="FILTER: glow(color:#0099ff,direction=2,strength=3)"><p style="font-size:18px;color:#ff5000">我的校内网模板</p></table>
<p style="font-size:12px;">【获取涂鸦板代码后用记事本打开】</p>
<br>
<table style="FILTER: glow(color:#0099ff,direction=2,strength=3)">
<p style="font-size:14px;color:#ff5000">汉朝雄风</p>
<a href=http://fm121.img.xiaonei.com/tribe/20070628/20/27/A367032633251RAT.jpg target="_blank" ><img width=210px src="http://fm121.img.xiaonei.com/tribe/20070628/19/59/A195088558945RHI.jpg"></a><br>
<a href=http://fm122.img.xiaonei.com/tribe/20070628/21/33/A761449596598OXC.MP3 target="_blank"><p align=right style="font-size:12px;color:#ff5000">获取涂鸦板代码</p></a>
<br>
<p style="font-size:14px;color:#ff5000">粉色回忆</p>
<a href=http://fm121.img.xiaonei.com/tribe/20070628/20/27/A362615096550RAT.jpg target="_blank" ><img width=210px src="http://fm121.img.xiaonei.com/tribe/20070628/20/38/A430238137557RHI.jpg"></a><br>
<a href=http://fm122.img.xiaonei.com/tribe/20070628/21/35/A771144587285OXC.MP3 target="_blank"><p align=right style="font-size:12px;color:#ff5000">获取涂鸦板代码</p></a>
<br>
<p style="font-size:14px;color:#ff5000">蓝色回忆</p>
<a href=http://fm122.img.xiaonei.com/tribe/20070628/20/28/A371414924994RAT.jpg target="_blank" ><img width=210px src="http://fm122.img.xiaonei.com/tribe/20070628/20/37/A427593041701RHI.jpg"></a><br>
<a href=http://fm122.img.xiaonei.com/tribe/20070628/21/34/A767918688078OXC.MP3 target="_blank"><p align=right style="font-size:12px;color:#ff5000">获取涂鸦板代码</p></a>
<br>
<p style="font-size:14px;color:#ff5000">我的音乐吧</p>
<a href=http://fm121.img.xiaonei.com/tribe/20070628/21/40/A802828767204RHI.jpg target="_blank" ><img width=210px src="http://fm121.img.xiaonei.com/tribe/20070628/21/37/A782611017285RAT.jpg"></a><br>
<a href=http://fm121.img.xiaonei.com/tribe/20070628/21/32/A757570968436OXC.MP3 target="_blank"><p align=right style="font-size:12px;color:#ff5000">获取涂鸦板代码</p></a>
</table>
</div>
<!--导航条flash-->
<embed style="position: absolute;top:-140px;right:25px;"
src="http://fm112.img.xiaonei.com/tribe/20070627/10/44/A229405853987GAZ.swf"width="750"
height="100" quality="high" wmode="transparent"></embed>
<!--站内信息信封图标-->
<embed style="position: absolute;top:120px;right:10px;"
src="http://fm122.img.xiaonei.com/tribe/20070628/18/59/A838440533933GAZ.swf"width="150"
height="120" quality="high" wmode="black"></embed>
<!--背景音乐-->
<BGSOUND src="http://fm122.img.xiaonei.com/tribe/20070628/18/27/A646920024544MUS.mp3" loop=0>
<!--隐藏-->
<style type=text/css><!--
#container #logo { display:none;}
#container #tagline { display:none;}
#container #utility { display:none;}
#container #permalink {display:none;}
#navigation{display:none;}
#container #footer{display:none;}
#userFriendUniv{display:none;}
#userSchoolClass{display:none;}
#footer p{display:none;}
#footer strong{display:none;}
--></style>
<!--背景颜色-->
<body bgcolor="#000000">
<style type=text/css><!--
/*设置总体宽度*/
#container {
overflow:visible;
position:relative;
width:1000px;
margin-left:auto;
margin-right:auto;
padding-top:0px;
text-align:left;
clear:none;
/*border:solid 3px #00ccff;*/
}
--></style>
<!--移动"站内信息"链接-->
<style type=text/css><!--
#sidebar {
position:relative;
left:-1160px;
top:70px;
}
#mymessage a,#mymessage a:hover{
position:relative;
left:1954px;
font-size:18px;
color:#ff5000;
background:none;
}
--></style>
<style type=text/css><!--
/*设置content*/
#content {
float:none;
position:relative;
overflow:visible;
left:-60px;
margin-left:auto;
margin-right:auto;
padding-top:20px;
width:800px; /*626px*/
border:dashed 10px #0099ff;
}
/*设置header*/
#header {
position:relative; /*以原位置为准*/
float:none;
margin-left:auto;
margin-right:auto;
padding-top:0px;
width:1000px;
height:600px;
overflow:visible;
background:url(http://fm112.img.xiaonei.com/tribe/20070626/02/48/A728363147837HOR.gif) no-repeat top; /*banner*/
}
--></style>
<style type=text/css><!--
/*==userRelations==*/
#userRelations {
position:relative;
overflow:visible;
border:none;
float:left;
width:210px;
padding-left:10px;
padding-right:0px;
margin-left:10px;
}
/*头像设置*/
#userPicture a img{
border:5px dashed #ff5000;
}
#userPicture a:hover img{
border:5px dashed #0099ff;
}
#userActions{
width:210px;
border: none;
}
#userRelations .more{
padding-top:5px;
}
/*==userUpdates==*/
#userUpdates {
position:relative;
overflow:visible;
border:none;
width:500px;
float:right;
padding-right:10px;
padding-left:0px;
margin-right:10px;
}
/*userBlog高度限制*/
#userBlog .text{
height:350px;
overflow:auto;
}
#userUpdates .more{
padding-top:20px;
}
--></style>
<!--userUpdates h3标题-->
<style type=text/css><!--
#userUpdates h3{
color:#000000;
height:100px;
font-size:8px;
background:none;
border:none;
}
--></style>
<!--userRelations h3标题-->
<style type=text/css><!--
#userRelations h3{
height:30px
font-size:12px;
background:none;
border:5px dashed #ff5000;
}
--></style>
<!--userUpdates 各模块h3背景-->
<style type=text/css><!--
#userProfile h3{
font-size:16px;
font-family:"黑体";
color:#ff5000;
background:url(http://
