Cnblogs自定义皮肤css样式简易设定

刚来CNBLOGS，想找几款称心如意的皮肤却始终有些许不满，看到后台支持CSS自定义样式和HTML就开始改造一款比较满意的皮肤 Imetro

这款皮肤还不错，但是就是字体显得太大了，非常突兀，虽然一眼看过去还算美观，不过看久了会让人产生压抑和混乱的感觉。

还有一个重要的缺点就是阅读面积默认设置太小，导致会有显示不完全的严重bug，只能拖动滚动条，因此有必要好好改造一下这个主题。

 

这边利用Webki的Developer Tools找出控制这些div的css样式，然后再进行修改即可。

这个工具非常实用和方便，可以方便的追逐到控制DIV的所有css中，并且可以直接修改CSS和其他标签，工具可以直接根据修改的元素实时发生客户端页面改变。

 

因此布局前可以随意调整参数查看效果，记下参数后再进入后台CSS添加样式即可。

 

本博客CSS参数（根据Imetro改变）

将主体导航字缩小，并且添加了页面的透明效果，换了张背景，增加阅读面积100px

#main {
font-size:11px;
}

#home {
font-size: 8px;
opacity: 0.95;
width:1024px;
}

#sideBar {
font-size: 10px;
}

body{
background-image: url("http://p13.freep.cn/p.aspx?u=v20_p13_photo_1203072250411932_0.jpg");
}

#mainContent {
width: 750px;
}

添加之后效果如本博客所示。