校内网代码 成品涂鸦代码之私密花园

此涂鸦代码除了必要的几张图片外，不添加任何美化元素，如背景音乐、FLASH元素等。若需要可自行添加，本站也有相应的素材。

<style type=text/css>
/* 涂鸦代码注释说明，建议保留，不影响界面效果 */
/* 感谢你使用原创涂鸦板系列 1 */
/* 你可以在 http://www.bokdm.com/ 获取最新的校内网涂鸦板代码 */
/* 涂鸦名称：秘密花园 */
#header{
position:relative;
background:url(http://fm131.img.xiaonei.com/blog/20070803/22/42/A215416798382RHI.jpg) no-repeat;width:844px;height:107px;}

body{
background:url(http://fm131.img.xiaonei.com/blog/20070803/22/42/A217878893754RHI.jpg
) repeat;color:#444444;
cursor:url(http://img.xiaonei.com/photos/20061001/1120/orig656734.cur);
}

#content{
width:844px;border:none;
}


#container{
overflow:hidden;
width:844px;
margin:0px auto;
background:url(http://fm141.img.xiaonei.com/blog/20070803/22/43/A221053076117RHI.jpg) repeat;
}

#container #footer {
position:relative;
width:844px;
height:116px;
background:url(http://fm141.img.xiaonei.com/blog/20070803/22/43/A223026132835RHI.jpg) no-repeat bottom;}

#userRelations,#userUpdates {
float:left;
margin-left:20px;
}
.linkinpark{
background-color:#9cf;
color:#888;
}
.linkinpark a{
background-color:#888;
}

a:hover{
background-color:#5F832B;
color:#eee;
cursor:url(http://img.xiaonei.com/photos/20061001/1110/orig656484.cur);
text-decoration:none;}

#content h3{
background:#F4F4F4;
border-top:0px;
color:#5E7300;
}

#starttalk INPUT{

}
* html .inputbutton,* html .subbutton,* html .inputsubmit{
padding:0 5px;
border:0px solid;
background-color:#0F0F0F}

* textarea{
padding:0 5px;
border:1px dashed #503524;
background:#eeeeee;width:510px;height:90px;background-image: url(http://www.bo-u.cn/sc/inputbg.gif); }



#userActions li a{
color: #363739;
}

#userActions li a:hover{
color: #eee;
}

.more a,.author a,.boxcont a,.edit a{
color:#363739;
}

#AccountInfo H4,#BasicInfo H4,#ContactInfo H4,#PersonalInfo H4,#SchoolInfo H4
{
color:#5E7300;
}


.text{color:#888;}

.text{font-family:Georgia, sans-serif;}

#userUpdates{
width:520px
}
#navigation{
width:650px;
height:150px;
position:absolte;
left:160px;
top:75px;
background:transparent;
overflow:hidden;
font-size:14px;
text-decoration:none;
border:none;
}
#navigation ul li{background-image:none !important;}
#navigation A:link {
text-decoration:none;
color: #000;
font-size:14px;
}
#navigation A:visited{
COLOR: #000;
text-decoration:none;
font-size:14px;
}
#navigation A:hover {
text-decoration:none;
background-color:
transparent;color:#29662a;
font-size:14px;
}



#navigation A:link {
text-decoration: none;
color: #29662a; }
#navigation A:visited{
COLOR: #29662a;
TEXT-DECORATION: none}
#navigation A:hover {
text-decoration: none;
background-color:transparent;
color:#29662a;}
#userRelations .boxcont { border-right:0px;}
#userBlog .info{
background:#ECE8DD;
border-top:0;
}
#tagline,#utility,#logo,.block,#permalink,#sidebar,#footer p,#footer strong,#reportlink,#footer div{
display:none;
}
</style>

校内网涂鸦代码,先看看涂鸦代码下面的效果截图吧!