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;
}

添加之後效果如本部落格所示。