公告：由于精力有限，此日志不再更新，请大家见谅！

本站风格的校内网涂鸦板代码，刚做好的。效果和大家看到的本站页面基本一样。（网站已再次改版，这里说到的样式为曾经的第三版）

做这张皮的过程中发现，除去校内网以前合并的5Q网，校内本身就有2种不同的结构，如果不隐藏userStatus，涂鸦板代码一定不能通用。比如，校内的bo-u网的所有代码，在我的页面全部严重错位。因此，这里隐藏了id为userStatus层，但是用户的状态将不能显示——也是没有办法的办法啊。

一直都觉得5Q网比校内更优秀，为什么就被别人合并了呢。

这是我第一次做校内皮肤，也是最后一次。生命有限，我不愿意把时间花费在重复劳动上，还有更多的创意需要我去实现。

涂鸦板皮肤名称：Refresher

兼容浏览器：IE6，IE7，Firefox，Safari，Opera

演示地址：http://xiaonei.com/testaccount

代码：

body{
font-size:12px;
text-align:center;
font-family: Tahoma, Arial;
background:#f4f4f4 url(http://fm192.img.xiaonei.com/blog/20071120/12/20/A241671458506PUP.gif) no-repeat center 30px;
}

#container{
width:100%;
margin:0 auto;
text-align:center;
background:transparent;
}

.xui-t1{ margin:0 auto;}

/*
　　　　　Refresher skin for xiaonei.com template
　　　　　Original Design by kaelzhang (http://www.kael.com.cn)
　　　　　This CSS document is under Creative Common Lisence 2.5
　　　　　Credit if used
*/

#utility{
height:30px;
margin-top:-3px;
border:none;
background:transparent;
}

#utility a:link, #utility a:visited{
padding:5px 7px; color:#000; text-decoration:none;
}
#utility a:hover { color:#000; text-decoration:none; padding-top:7px;}

#navigation{
margin-top:-8px;
background:transparent;
float:left;
width:650px; height:30px;
overflow:hidden;
font-size:12px;
text-decoration:none;
border:none;
}

#navigation a:link, #navigation a:visited{
margin-top:0px;
height:20px;
text-align:center;
text-decoration:none;
font-weight:normal;
color:#000;
padding:5px 7px;
}

.nav-left a:hover {
text-decoration:none;
color:#000;
background:transparent;
padding-top:7px;
}

#navigation ul ul{display:none;}

#navigation ul li{background-image:none !important;}

#widebar{border:none; width:100%; text-align:center;background:transparent;}

#content{
position:relative;
border:none;
width:760px;
overflow:hidden;
margin:0 auto; padding:0;
margin-top:55px;
overflow:hidden;
background:#fff url(http://fm151.img.xiaonei.com/tribe/20071030/15/40/A005411540638HEI.jpg) no-repeat left top;
}

#userRelations{
text-align:left;
padding-top:20px;
margin-left:-7px;
width:250px;
margin-top:151px;
background:transparent url(http://fm201.img.xiaonei.com/tribe/20071029/16/50/A782865075526FLO.png) repeat-y 0 0;
border-bottom:#ebebeb 1px solid;
overflow:hidden;
}

* html #userRelations{border:#000 1px solid;}

#userRelations .box{padding:0;}

#userRelations .boxcont{padding:5px 15px;}

#userRelations h3{
height:24px;
padding-left:28px;
padding-top:1px;
background:#e4e4e4 url(http://fm191.img.xiaonei.com/tribe/20071029/19/02/A577250736740HEI.png) no-repeat 3px 0px;
border:none;
overflow:hidden;
color:#444444;
}

#userRelations a:link, #userRelations a:visited{color:#7aabc4;}

#userRelations a:hover{color:#a0e300;}

#userInfo{text-align:center;}

#userPicture{
margin:0 auto;
width:200px;
border:#eeeeee 1px solid;
}

#userActions{
padding:10px 20px 0px 20px;
text-align:left;
}

#userActions li{border:none; color:#7aabc4;}

#userUpdates{
padding-top:10px;
text-align:left;
width:510px;
margin-top:168px;
margin-right:-5px;
overflow:hidden;
background:transparent url(http://fm211.img.xiaonei.com/tribe/20071030/16/23/A262137080004HEI.png) no-repeat left top;
}

#userUpdates h3{margin-top:10px;}

#userUpdates .more{
position:absolute;
top:13px; right:45px;
}

#userUpdates a:link, #userUpdates a:visited{
color:#3985cc;
}

#userUpdates a:hover{color:#015a99; text-decoration:none;}

#userUpdates h3{
height:30px;
border:none;
color:#297dcc;
background:transparent;
}

#userUpdates h4{
background:transparent;
border:none;
color:#297dcc;
}

#userStatus{display:none;}

#userUpdates .box{padding:5px 13px;}

#userProfile table, #blog .text{
line-height:16px;color:#808080;
}

#userBlog, #Classmate, #userGroup, #userTalk, #userAlbum{
background:transparent url(http://fm191.img.xiaonei.com/tribe/20071030/21/01/A926175844296EWE.png) no-repeat left top;
padding-top:20px;
}

#userTalk .readmore{margin-right:25px;}

#blog .info{background:transparent;border:none; padding-left:0px;}

.article .edit{margin-right:22px;}

#talk .thumbpic a img { padding:1px; border:none;}

#talk .text{
background:transparent url(http://fm231.img.xiaonei.com/tribe/20071030/22/02/A295059763080FLO.png) no-repeat left top;
margin-top:5px;
margin-right:20px;
border-left:#eee 1px solid;border-bottom:#eee 1px solid;border-right:#eee 1px solid;
padding:13px 10px 10px 10px;
}

#talk .info{background:transparent;border:none;}

* textarea{
padding:0 5px;
border:1px dashed #eeeeee;
background:transparent;
background-image: url(http://fm201.img.xiaonei.com/tribe/20071030/22/40/A523205968958HEI.png);
}

.subbutton{
background:transparent url(http://fm231.img.xiaonei.com/tribe/20071030/22/26/A437977813489HEI.gif) repeat-x left top;
overflow:hidden;
border:none;
color:#555555;
}

#tagline, #logo, #sidebar, .block, #permalink, #footer p, #footer strong, #reportlink,
#footer div, #userPandora h3, #header, messages_div, .act_share, #userStatus #edit_sta,
#userStatus .edit, #userProfile .more, #userPandora, #webpager-callout{
display:none;
}

校内近日无法显示大分辨率的图片，所以背景显示有点问题，原因正在寻找中……
update 2007-11-20：已经修正此问题，页面已经全部正常显示。

update 2007-11-23：针对校内22日的修改，以上涂鸦板代码再次更新，修正了一处错位。由于校内近日更新频繁，顶部菜单样式没有完全修改，本站暂且静观其变。

[微笑]Kael温馨提示：
1。 直接点击上面的“复制此代码”，就可以拷贝代码到剪贴板~
2。 有显示问题的，浏览器兼容问题的，请在下面留言提交ＢＵＧ吧~
本站将尽快解决。

公告：由于精力有限，此日志不再更新，请大家见谅！

3。 建议头像分辨率，横向180像素。