校内网涂鸦板成品代码 古典复古朱红风格

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

<style type=text/css>
/* 涂鸦代码注释说明，建议保留，不影响界面效果 */
/* 感谢你使用博客代码原创涂鸦板系列 4 */
/* 你可以在 http://www.bokedm.com/ 获取最新的校内网涂鸦板代码 */
/* 发布时间：2007-8-7 */
body {
font-size: 12px;
font-family: Tahoma, Arial;
margin: 2px;
padding: 0px;
margin-bottom: 2px;
text-align: center;

}
*{border:0px;}
img {max-width: 98%;}
a:link,a:visited{color:#56332D;text-decoration:none;font-weight:normal}
a:hover{
text-decoration:none;
color:#56332D;
}

#homepage{
width: 100%;
margin:0px;
text-align:center;
padding: 0px;
background: url('http://fm121.img.xiaonei.com/blog/20070807/14/56/A976139616894RHI.gif') repeat-y center;
background-position: center top;
}



#container{
margin:0 auto;
width: 780px;
text-align: left;

}


#header{
width: 760px;
height: 284px;
margin-left: 10px;
margin-right: 12px;
vertical-align: bottom;
background-image: url(http://fm141.img.xiaonei.com/blog/20070807/14/56/A979915855833RHI.gif);

}

#content{
width: 760px;
overflow: visible;
background-image: url(http://fm131.img.xiaonei.com/blog/20070807/14/57/A982430479605RHI.gif);
background-position: right;
background-repeat: repeat-y;
border:0px;
}

#userRelations{
float:left;
margin-left:5px;
margin-top:-140px;
}
#userUpdates

{
width:490px;
float:left;
margin-left:25px;
margin-top:-115px;

}

#footer{
height:34px;
background-image: url(http://fm121.img.xiaonei.com/blog/20070807/14/57/A984590791159RHI.gif);
background-repeat: no-repeat;
background-position: right;
margin-top: -25px;
margin-right: 11px;
padding: 0px;
}

#navigation{
width:660px;
height:150px;
position:absolte;
left:80px;
top:110px;
background:transparent;
overflow:hidden;
font-size:14px;
text-decoration:none;
border:none;
background:url() 0 50% no-repeat;}
}
#navigation ul li{background-image:none !important;}
#navigation A:link {
text-decoration:none;
color: #FFCD92;
font-size:14px;
}
#navigation A:visited{
COLOR: #FFCD92;
text-decoration:none;
font-size:14px;
}
#navigation A:hover {
text-decoration:none;
transparent;color:#FFCD92;
font-size:14px;
display:block;
COLOR: #fff;
background:#840000;
}

#content h3{
background:#E6DFCA;
border-top:0px;
color:#56332D;
}
#AccountInfo H4,#BasicInfo H4,#ContactInfo H4,#PersonalInfo H4,#SchoolInfo H4
{
color:#56332D;
}

#userStatus,#userStatus a#userStatus a:visted,#userShare,#userShare a,#userShare a:visted,#userActions li a,#userFriendUniv ,#userFriendUniv a#userFriendUniv a:visted,##userActions li a:visted{
color: #FFCD92;
}

#userStatus a:hover,#userShare a:hover,#userActions li a:hover,#userFriendUniv a:hover,##userActions li a:hover{
color: #56332D;
background:#E6DFCA;
}

* 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); }


#userRelations .boxcont { border-right:0px;}
#tagline,#utility,#logo,.block,#permalink,#sidebar,#footer p,#footer strong,#reportlink,#footer div{
display:none;
}
</style>
效果示例: