求一个校内网涂鸦板模板

问题描述：

只要模板，可以自己修改的，有中文注释的，可以添加音乐的，谢谢了！！！！

问题解答：

这是一个比较经典的模板,有一种比较有另类的深沉.
页面整齐,看了不会让人有厌烦的感觉.
每个人的审美观点不同,所以喜欢的风格也不同.

效果图:http://xiaonei.com/getuser.do?id=158400082

<h3>涂鸦板</h3>
<div class="boxcont">
<!--首先进行整体颜色协调性调整和背景音乐添加-->
<style type="text/css"><!--#homepage{background-color : #000000;background-image : url();color : #999999;background-repeat : repeat;} #sidebar{float : right;} #userRelations{float : right;} #userUpdates{float : left;} #homepage a:link{color : #999999;}--></style><!--总体字体颜色调整-->
<style type="text/css"><!--#homepage A:hover { COLOR: #FFFFFF; TEXT-DECORATION: none;background-color:#b97781;} a:visited {color: #999999; text-decoration: none; }--></style> <!--链接颜色调整-->
<style>*{SCROLLBAR-FACE-COLOR:#000000;SCROLLBAR-HIGHLIGHT-COLOR:#000000;SCROLLBAR-SHADOW-COLOR:#000000;SCROLLBAR-ARROW-COLOR:#DFDFD5;SCROLLBAR-3DLIGHT-COLOR:#000000;SCROLLBAR-TRACK-COLOR:#000000;SCROLLBAR-DARKSHADOW-COLOR:#000000;SCROLLBAR-BASE-COLOR:#000000;}</style> <!--滚动条颜色调整-->

<P><STRONG><FONT color=#cc0000>由由心情音乐推荐—杨柳</FONT></STRONG></P>
<embed style="FILTER: alpha(opacity=100,style=3) #6495ED(); {width:605px; height: 30px" name=MediaPlayer1 pluginspage=http://www.microsoft.com/Windows/MediaPlayer src=http://podcache.cctv.com/published1/2006/10/11/pub1160552068927.mp3 width=50 height=13 type=application/x-mplayer2 autostart="1" showcontrols="1" loop="1" volume="50"></embed><!--背景音乐-->

<!--隐藏不需要版块,调整保留版块的位置和大小-->
<style type=text/css><!--#header{display:none;} --></style><!--隐藏顶部导航栏-->
<style type=text/css><!--#sidebar{right:-130px; top:520px; position:relative;} --></style><!--移动左侧导航栏-->
<style type=text/css><!--.blockimage.block h3{display:none;} --></style><!--隐藏广告栏-->
<style type=text/css><!--.block,.linkblock,#annouce{display:none;}--></style><!－隐藏全部广告－>
<style type=text/css><!--#permalink,#snav,#footer{display:none;}--></style><!－除底部链接－>
<style type=text/css><!--#homepage{overflow:visible; position:relative; top:100px;} --></style><!－移动homgpage－>
<style type=text/css><!--#content{overflow:visible; width:750px; position:relative; left:0px; background-color : #DFDFD5;background-image: url("http://images.blogcn.com/2007/4/12/9/zqq206385,2007041216927.gif"); } --></style><!－加宽content－>
<style type=text/css><!--#userBlog{width:520px; position:relative;} --></style><!－加宽日志－>
<style type=text/css><!--#userProfile{width:520px; position:relative;} --></style><!－加宽个人资料－>
<style type=text/css><!--#userAlbum{width:520px; position:relative;} --></style><!－加宽相册－>
<style type=text/css><!--#userGroup{width:520px; position:relative;} --></style><!－加宽群－>
<style type=text/css><!--#userTalk{width:520px; position:relative;} --></style><!－加宽留言板－>

<!--各个版块标题修改,其中可是很多独家秘籍,其他人没有的哟-->
<style type=text/css><!--.box h3{color: #ffffff; border:solid; border:0px; background-color: #ca93a6;}--></style> <!－所有版块标题栏颜色修改修改－>
<style type=text/css><!--#userProfile h3{color: #999999;}--></style> <!－个人信息H3标题修改－>
<style type=text/css><!--#userProfile h4{color: #999999;}--></style><!－个人信息H4标题修改－>
<style type=text/css><!--#userAlbum h3{color: #ca93a6; border:solid;border:0px; background-color: #ca93a6;height:30px;filter:chroma(color:#ca93a6); background-image: url("http://fm011.img.xiaonei.com/tribe/20070412/1825/A3695722GE.gif"); }--></style> <!－相册标题修改－>
<style type=text/css><!--#userBlog h3{color: #ca93a6;border:solid;border:0px; background-color: #ca93a6;height:30px;filter:chroma(color:#ca93a6); background-image: url("http://fm022.img.xiaonei.com/tribe/20070412/1825/A3705347GE.gif ");}--></style> <!－日记标题修改－>
<style type=text/css><!--#userPandora h3{color: #ca93a6; border:solid;border:0px; background-color:#ca93a6;height:0px;filter:chroma(color:#ca93a6);}--></style> <!－涂鸦板标题修改－>
<style type=text/css><!--#userGroup h3{color: #ca93a6;border:solid;border:0px; background-color: #ca93a6;height:30px;filter:chroma(color:#ca93a6); background-image: url("http://fm032.img.xiaonei.com/tribe/20070412/1825/A3711104GE.gif"); }--></style> <!－群标题修改－>
<style type=text/css><!--#userTalk h3{color: #ca93a6; border:solid;border:0px; background-color: #ca93a6;height:30px;filter:chroma(color:#ca93a6); background-image: url("http://fm012.img.xiaonei.com/tribe/20070412/1825/A3717681GE.gif"); }--></style> <!－留言板标题修改－>
<style type=text/css><!-- * html .inputbutton,* html .subbutton,* html .inputsubmit{padding:0px;border:0px solid;#ca93a6;color:#999999;background:#ca93a6;height:36px;width:103px;filter:chroma(color:#ca93a6); background-image: url("http://images.blogcn.com/2007/4/12/9/zqq206385,20070412174031.gif"); }--></style><!--修改留言板按纽外观-->

<!--页面图片美化，为加快浏览速度，将图片分割为小图片-->
<DIV style="LEFT:-117px; POSITION: absolute; TOP: -402px" align=left><img src="http://www.blogcn.com/images/skin136_georgia_luo/top.gif" align=left></DIV><!--顶部图片-->
<DIV style="LEFT:461px; POSITION: absolute; TOP: -397px" align=left><img src="http://www.blogcn.com/images/skin136_georgia_luo/head.gif" align=left></DIV><!--顶部图片-->
<DIV style="LEFT:531px; POSITION: absolute; TOP: -17px" align=left><img src="http://www.blogcn.com/images/skin136_georgia_luo/right_top.gif" align=left></DIV><!--顶部图片-->
<DIV style="LEFT:646px; POSITION: absolute; TOP: -397px" align=left><img src="http://www.blogcn.com/images/skin136_georgia_luo/top1.gif" align=left></DIV><!--顶部图片-->
<DIV style="LEFT:-10px; POSITION: absolute; TOP: -18px" align=left><img src="http://www.blogcn.com/images/skin136_georgia_luo/left_top.gif" align=left></DIV><!--顶部图片-->
<DIV style="LEFT:-11px; POSITION: absolute; TOP: 0px" align=left><img src="http://images.blogcn.com/2007/4/12/8/zqq206385,20070412151943.gif" align=left></DIV><!--顶部图片-->
<DIV style="LEFT:771px; POSITION: absolute; TOP: -1px;" align=left><img src="http://www.blogcn.com/images/skin136_georgia_luo/right_top1.gif" align=left></DIV><!--顶部图片-->
<DIV style="LEFT:771px; POSITION: absolute; TOP: 44px" align=left><img src="http://www.blogcn.com/images/skin136_georgia_luo/right_top2.gif" align=left></DIV><!--顶部图片-->
<DIV style="LEFT: -106px; POSITION: absolute; bottom: 0px" align=left><img src="http://www.blogcn.com/images/skin136_georgia_luo/left_bottom.gif
" align=left></DIV><!--底部图片-->
<DIV style="LEFT: -101px; POSITION: absolute; bottom: -10px" align=left><img src="http://www.blogcn.com/images//skin136_georgia_luo/left_bottom1.gif" align=left></DIV><!--底部图片-->
<DIV style="LEFT: -101px; POSITION: absolute; bottom: -149px" align=left><img src="http://www.blogcn.com/images/skin136_georgia_luo/bottom.gif
" align=left></DIV><!--底部图片-->
<DIV style="right: -12px; POSITION: absolute; bottom: -1px" align=left><img src="http://www.blogcn.com/images/skin136_georgia_luo/right_bottom.gif" align=left></DIV><!--底部图片-->
<DIV style="right: -12px; POSITION: absolute; bottom: -11px" align=left><img src="http://www.blogcn.com/images/skin136_georgia_luo/right_bottom1.gif" align=left></DIV><!--底部图片-->
<DIV style="left: 540px; POSITION: absolute; top: 0px" align=left><img src="http://images.blogcn.com/2007/4/12/6/zqq206385,20070412104341.gif" width="7" height="1000" align=left></DIV><!--中间黑色分割条-->
<DIV style="left: 540px; POSITION: absolute; top: 750px" align=left><img src="http://images.blogcn.com/2007/4/12/6/zqq206385,20070412104341.gif" width="7" height="1000" align=left></DIV><!--中间黑色分割条-->
<DIV style="left: 540px; POSITION: absolute; bottom: 740px" align=left><img src="http://images.blogcn.com/2007/4/12/6/zqq206385,20070412104341.gif" width="7" height="1000" align=left></DIV><!--中间黑色分割条-->
<DIV style="left: 540px; POSITION: absolute; bottom: -10px" align=left><img src="http://images.blogcn.com/2007/4/12/6/zqq206385,20070412104341.gif" width="7" height="1000" align=left></DIV><!--中间黑色分割条-->
<!--为配合页面长度使用黑条，此处加如四条黑条-->

<style type=text/css><!--
.style2 {
font-size: 60px;
font-family: "Times New Roman", Times, serif;
word-spacing:-10px;
font-color:DDDDDD
}
.style4 {
font-size: 45px;
font-family: "Times New Roman", Times, serif;
line-height:-10px;
font-color:DDDDDD
}
.style5 {
font-size: 12px;
font-family: "Times New Roman", Times, serif;
word-spacing:5px;
line-height:20px;
font-color:DDDDDD
-->
</style>
<!--顶部文字CSS设定-->
<DIV style="LEFT:330px; POSITION: absolute; TOP: -392px" align=left>
<table width="283" height="308" border="0" >
<tr>
<td width="201" height="68"> </td>
<td colspan="3"> </td>
<td width="33"> </td>
</tr>
<tr>
<td height="30"> </td>
<td width="7"><P align=center class="style2">[</p></td>
<td width="13"><P align=center class="style4">迷途</p></td>
<td width="7"><P align=center class="style2">]</p></td>
<td> </td>
</tr>
<tr>
<td height="79" colspan="4"><P align=right class="style5">左转，左转，左转，左转……<br>原来是个走不出的怪圈。</p></td>
<td> </td>
</tr>
<tr>
<td colspan="4"><P align=right class="style5"></p></td>
<td> </td>
</tr>
</table>
</DIV>
<!--顶部文字-->
<embed style="left: 0px; position: absolute; top: -400px; " align=right src=http://imgfree.21cn.com/free/flash/27.swf width=1000 height=500 type=application/octet-stream ; quality="high" wmode="transparent"></embed>
</div>
</div>
<div class="box" id="userGroup">
<h3>加入的群</h3>
<div class="boxcont">
参考资料：http://xiaonei.com/getuser.do?id=158400082