【简洁】【皮肤美化】博客园页面美化主文章加宽

最新推荐文章于 2024-05-18 23:17:07 发布

刘贵庆

最新推荐文章于 2024-05-18 23:17:07 发布

阅读量121

点赞数

文章标签： css css3 前端页面美化加宽页面调整

本文为博主原创文章，未经博主允许请勿转载，切勿用于商业用途，若有引用请加原文链接。

本文链接：https://blog.csdn.net/xysxlgq/article/details/133107291

版权

效果：

选择：Bluesky皮肤

再加入的css:


#home {
    background-color: #e6e6e6;
}
#top_nav{
background-color: #e6e6e6;
}
#navigator, #under_post_card1, #ad_t2 , #nav_right, #nav_left, #cnblogs_c1, #under_post_card2, #HistoryToday, #green_channel, .author_avatar{
display:none;
}
#header{
    background-color: #e6e6e6;
 height:118px !important;
 width:1543px;
}


.diggnum{
  color: #fff !important;
  }
  .burynum{
color:#fff !important;
} 

#main{
    margin-top: 90px;
}
#blogTitle{
    display:block !important;
    text-align:center;
    font-size: 17px;
    color:#000;
}
#Header1_HeaderTitle{
    color:#000;
    font-weight:bold;
}

.login_tips, .login_tips a{

    color: #dad6d6;
}
#home>#main {
    margin-top: 107px !important;
    background-color: #f5f5f5 !important;
    margin-bottom: 0 !important;
}
#navigator, #blogTitle, #home>#main, #footer {
    width: 1543px !important;
    position: relative !important;
    margin: 0 auto !important;
}

#sideBar {
    width: 315px !important;
    padding: 40px;
    display: inline-block;
    overflow: hidden;
    color: #2d2d2d;
}

#mainContent {
    width: 1112px !important;
    background: #fff;
    box-shadow: 0 0 8px #999;
    -moz-box-shadow: 0 0 8px #999;
    -web-kit-shadow: 0 0 8px #999;
    border-radius: 6px;
    -moz-border-radius: 6px;
    -web-kit-shadow: 6px;
    float: left;
    display: inline-block;
}
#body{
    overflow-x:auto;
    white-space:nowrap;
}

参考：https://www.cnblogs.com/liuguiqing/