因为我想重新装扮一下博客。所以就将第一次的博客装扮样式给大家看看

装扮博客在点击菜单栏的管理--->选项--->博客设置

设置的参数如下：

博客皮肤

LessIsMore

页面定制CSS代码

/*悬浮推荐按钮*/#div_digg {  position: fixed;  bottom: 10px;  right: 15px;  border: 2px solid #ECD7B1;  padding: 10px;  width: 140px;  background-color: #fff;  border-radius: 5px 5px 5px 5px !important;  box-shadow: 0 0 0 1px #5F5A4B, 1px 1px 6px 1px rgba(10, 10, 0, 0.5);} #sideBar { width: 20%; } #mainContent { margin-left: auto; width:78%; } .forFlow { margin:auto; } /*皮肤*/ #navigator {  height:auto; overflow:hidden; *zoom:1;} /*名为.blogStats的div在选择的模板中已经进行了右浮动 不必再进行设置*/ #navList { float:left; } #navList li { display: inline; float: none; } #navigator { background: #666; } #navList { font-size: 16px; } .blogStats { font-size: 12px; } #sideBar { width: 20%; border: none; padding: 0; }     #sideBar h3 { padding-left: 8px; background-color: #666; } #sideBarMain { padding-left: 8px; } body { background-color: #333; color: #fff; font-size: 14px; } h1, h2, h3, h4, h5, h6, th, .feedbackCon, .blogStats { color: #fff; } #main { border: 1px solid #e5e5e5; } .day { margin: 20px 0px; } .postTitle { padding-left: 20px; font-size: 16px;              border-bottom-color: #666; } .postBody, .postCon { padding: 0px 20px 10px;                       border-bottom: 1px solid #666; } .postDesc { padding-right: 20px; } a, .postCon a, .postBody a, .feedbackCon a { color: #0dd; }     a:hover, a:active, a:focus { color: #ff8; text-decoration: none; } #navigator, #MySignature, .day, .post { border: 1px solid #e5e5e5;     border-radius: 8px; box-shadow: 2px 2px 10px #aaa; } #navigator { border-radius: 8px 8px 0px 0px; } .post { border-right: none; border-top: none;         border-radius: 0px 0px 8px 8px; padding-top: 1px; } .cnblogs_code, .cnblogs_code div {     color: #000; font-family: consolas, monospace, sans-serif; } #navigator {  height:auto; overflow:hidden; *zoom:1;} /*名为.blogStats的div在选择的模板中已经进行了右浮动 不必再进行设置*/ #navList { float:left; } #navList li { display: inline; float: none; } body {    /*其它主要浏览器不需要这个样式，    但在IE6/7居中是必须的*/    text-align:center; } #home {    /*margin: 0px auto;可以使内容在除IE6/7外的其它    主要浏览器内居中*/    margin: 0px auto;    /*因为body的text-align:center;样式具有继承性，    所以要重置文本向左对齐*/    text-align:left;    max-width:960px; } #mainContent { width: 100%; margin-left: -250px; float: right; } #sideBar { width: 220px; float: left; } .forFlow { margin-left:266px; } @-ms-viewport {
        width: device-width; } @media (max-width:990px) {
        #home{ margin:0 15px; } } @media (max-width:640px) {
        #sideBar, #mainContent{ width:100%;}     .post{ border-left:none; } }

页首Html代码//这个是我的github，如果你有github的话你可以自己定制一个！

1 

页脚Html代码//这是我的统计，你也可以自己定制一个，教程可以查看我的微博