代码教程:神秘的花园代码(含各部分代码详解)

关键词:代码 详解 部分 神秘 教程 花园 #navigation 设置 样式
  • body {     
    color:#B2AE91;   
    padding:0;      
    margin:0;        
    background:url(
    http://fm131.img.xiaonei.com/blog/20070803/22/42/A217878893754RHI.jpg) repeat fixed;}         
             
    /*隐藏版块*/           
    #logo, #tagline, #copyrightlink, .announcement, #userBlog .more,  #utility, #permalink, #sidebar, #reportlink, #footer p{       
     display:none}      
         
    /*头部图片设置*/       
    #container{       
    margin:0 auto;    
    padding:0;     
    width:844px;      
    background:url(
    http://fm201.img.xiaonei.com/blog/20071031/14/40/A284154752288EWE.jpg) no-repeat;}       
    /*头部设置*/     
    #header {      
    height:107px;      
    background:none;}         
         
    /*内容部分*/     
    #content {      
    border:0;      
    width:824px !important;   
    width:844px;   
    padding:20px 20px !important;      
    padding:0px;      
    background:url(
    http://fm141.img.xiaonei.com/blog/20070803/22/43/A221053076117RHI.jpg) repeat-y;}      
         
    #widebar {       
    width:844px;       
    padding:0;       
    border:0;       
    background:none;}       
         
    /*头像列设置*/   
    #userRelations{}  
    /*账号信息列设置*/   
    #userUpdates{  
    width:510px;}  
         
    /*底部设置*/ 
    #footer {  
    width:844px;  
    height:116px;  
    background:url(
    http://fm141.img.xiaonei.com/blog/20070803/22/43/A223026132835RHI.jpg) no-repeat;}  
    /*底部文字样式*/ 
    #footer p{  
    padding:0 10px;  
    color:#686357;}  
    /*底部链接样式*/ 
    #footer a:link,#footer a:visited,#footer a:hover{  
    color:#686357;}  
     
    #userStatus {  
    margin:0;  
    padding:10px 0px 10px 10px;  
    background:#F3F2ED;}   
    /*整体链接样式*/ 
    /*未访问的链接和已访问的链接*/ 
    a:link,a:visited{  
    color:#9E988C;}  
    /*鼠标在链接时的样式*/ 
    a:hover{  
    color:#686357;}  
     
    /*导航条样式*/ 
    #navigation {  
    height:35px;  
    padding:8px 0 0 40px;  
    border:0;  
    background:url(
    http://fm231.img.xiaonei.com/blog/20071031/14/39/A274742946830OXC.jpg) no-repeat;}  
    #navigation ul li{  
    background-image:none !important;}    
    #navigation a:link,#navigation a:visited {  
    color:#9E988C;  
    background:transparent;}  
    #navigation a:hover {  
    color:#fff;  
    background:#686357;}  
    #navigation ul ul{  
    background:#9E988C;  
    border: 1px solid #686357;}  
    #navigation ul ul a:link, #navigation ul ul a:visited{  
    color:#fff;  
    border-bottom: 1px solid #686357;  
    background:#9E988C;}  
    #navigation ul ul a:hover {  
    color:#fff;  
    background: #686357;}  
     
    /*头像列设置*/   
    #userRelations{  
    margin-left:30px;}  
    /*账号信息列设置*/   
    #userUpdates{  
    width:550px;  
    margin-right:30px;}  
    /*h3标题样式*/ 
    #content h3{  
    color:#797355;  
    background:#C6C2AE;  
    border:0;}  
    /*日记标题样式*/ 
    #userBlog .info{  
    background:#DAD8CB;  
    border:0;}  
    /*日记标题长度设置*/ 
    #userBlog .info h4{  
    width:auto;}  
    /*日记最大宽度控制*/        
    #userBlog .text{           
    overflow:auto;           
    maxheight:500px;           
    color:#888;}  
    /*礼物标题样式*/ 
    #giftBox .sub-h3{  
    background:#DAD8CB;  
    border:0;}  
    /*留言栏设置*/ 
    #talk .info{  
    background:#DAD8CB;  
    border:0;}  
    /*加宽留言框长度*/ 
    #userTalk #cmtbody{  
    width:100%;}  
    /*留言板按钮样式*/ 
    #userTalk .subbutton, #userTalk .inputbutton{  
    padding:2px 3px;  
    border:1px solid #474636;  
    color:#999999;  
    background:#52513F;}  
    /*去掉头像下面链接的边框*/ 
    #userActions li{border:0;}  
    /*好友分布长度限制*/              
    #userFriendUniv{             
    overflow:hidden;           
    height:1200px;  
    maxheight:1200px;}

发表时间:2008-03-11 | 评论 (0) | 复制本页地址 | 打印

发表评论/ 全部评论

  • 用户名: 新注册
  • 密 码 :
  • 匿名发表: