打造属于自己的博客园皮肤:基于 ThinkInside 模板皮肤


本案例基于 ThinkInside 模板皮肤。

1.头部美化

/* header 样式调整,改后高度为:60px*/
#header {
    background: #340000;
    opacity: 0.7;
}

#blogTitle h1 {
    line-height: 44px;
    font-size: 30px;
}

#blogTitle h2 {
    line-height: 44px;
    color: #F5F5F5;
    font-size: 15px;
}

#navigator {
    overflow: hidden;
}

#navList {
    margin: 0 10px 0 20px;
}

#navList a {
    line-height: 44px;
}

.blogStats {
    margin: 0;
    padding: 8px;
    line-height: 44px;
}

/*调整主体边距,以适应头部高度的改变*/
body {
    padding-top: 90px;
}

改后效果:

 待续==============>