校内网代码精灵为帮助朋友们更深的了解校内网美化的过程，原创了一系列非常漂亮的校内网代码，里边包含详细的说明，以方便用户进行自行修改，如有问题请联系本人，本人ＱＱ：１２６１２０１９（老马），顶部图片的ＰＳＤ文件在最下边有个链接，朋友们可以下载后修改

<style type=text/css> 
/*校内网代码精灵原创作品，更新请看http://www.xneidm.cn*/
/*设计日期：2007-9-21*/
/*设计者：老马  12612019*/
/*代码加了详细说明，方便朋友们修改*/
 body{   
    width: 822px;    /*页面宽度*/
    color: #000;    /*文字颜色*/
    text-align: center;    /*文字对齐方式*/
    word-break: break-all;    /*文本自动换行*/
    font-family: Tahoma, Arial, "新宋体";    /*默认字体*/
    font-size: 12px!important;    /*字体大小*/
    font-size: 11px;   
    background-image: url(/article/UploadPic/2007-10/20071018192358554.gif);    背景图片*/
 background-repeat:repeat;
    font-weight: lighter;    /*文字加粗*/
    margin: 0px;    /*间隙*/
    margin-bottom: 0px;    /*下间隙*/
    margin-left: 10px;    /*左间隙*/
     }   

 img {max-width: 98%;}    /*img标签最大宽度*/

 a:link,a:visited {color:#645544;text-decoration:none;font-weight:normal}    /*链接颜色*/
 a:hover{   
 text-decoration:underline;   
    color:#7F6547;
 }   
#homepage{              /*body的homepage属性*/
    width:100%;   
    margin:0px;   
    text-align:center;   
    background-image: url(/article/UploadPic/2007-10/20071018192358554.gif);   
    background-repeat: repeat;   
    background-position: center top;   
    padding: 0px;   
}                
#container{    /*整个容器的属性*/
    width: 800px;
 border-right:1px solid #3F3928
    overflow:hidden;           
    margin:0px auto;     
}    
#header{        /*顶部属性*/
    height:135px!important;height:135px;   
    width: 822px;   
    background: url(/article/UploadPic/2007-10/20071018192358562.gif) no-repeat center top;   
    padding: 0px;   
    text-align: center;   
}       
#content{    /*正文属性*/
    width:100%;   
    text-align: left;   
    background-image: url(/article/UploadPic/2007-10/2007101819240660.gif);   
    background-repeat: repeat;   
    border:1px solid #3F3928;
 border-top:0px;
    padding-top: 2px;   
    margin: auto;     
}   
#content h3{            /*导航文字*/
    background:#8C805F;            
    border-top:0px;            
    color:#000;            
}    

#AccountInfo H4,#BasicInfo H4,#ContactInfo H4,#PersonalInfo H4,#SchoolInfo H4       
{       
    color:#557401;       
}     
#navigation{            /*导航属性*/
    width:700px;           
    height:120px;           
    position:absolte;           
    left:80px;           
    top:110px;           
    background:transparent;           
    overflow:auto;           
    font-size:14px;            
    text-decoration:none;           
    border:none;         
}            
#navigation A:link {           
    text-decoration:none;           
    color: #1B170B;            
    font-size:14px;            
}            
#navigation A:visited{           
    COLOR: #1B170B;            
    text-decoration:none;           
    font-size:14px;            
}            

#navigation A:hover {           
    text-decoration:none;           
    background-color: transparent;
 color:#6D6049;           
    font-size:14px;           
}       
#userRelations{           
    float:rightright;           
    margin-right:0px;           
}   
#userUpdates        /*用户面板*/
{     
    width:550px;          
    float:left;           
    margin-left:20px;    
}   
#footer{    /*底部*/
    width:822px;   
}   

* 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:550px;   
    height:90px;   
    background: url(/article/UploadPic/2007-10/2007101819240425.gif) no-repeat bottom right; }      
#userRelations .boxcont { border-right:0px;}      
#tagline,#utility,#logo,.block,#permalink,#sidebar,#footer p,#footer strong,#reportlink,#footer div{        /*隐藏广告等*/
    display:none;       
}       
</style>   
<div><a href="http://www.xneidm.cn/" target="_blank"><img src="/article/UploadPic/2007-10/2007101819240595.gif" alt="校内网代码精灵-校内网美化专业网站，欢迎您的访问" border="0"></a> </div>

校内网代码精灵原创作品之建筑盒子风格，欢迎朋友们使用，同时为我提出宝贵意见，在此感谢朋友们的支持，此效果预览：

顶部图片的ＰＳＤ文件下载：校内网代码精灵原创作品-建筑盒子 -校内网代码 http://www.xneidm.cn" src="/article/UploadPic/2007-10/2007101819240323.gif" border=0 {ALT} onload="return imgzoom(this,550);" onclick="javascript:window.open(this.src);" style="cursor: pointer;"/>top.rar