我的博客园博客是基于博客园的模板“”修改而来的,虽说那个模板很"less",但是在我看来仍是不太"less",而且不"elegent",于是我在博客后台自定义了一下CSS（我是CSS超级菜鸟）.我的CSS抄了 博客的CSS，但是被我修改的面目全非了(借助于谷歌浏览器的inspect element功能).现在，我的博客貌似有了一点"极度简洁"的风格，我喜欢.

 

 

我的后台CSS设置如下:

a:link {
      color: #006A80 ;  text-decoration: none;  }   a:visited {
      color: #006A80;  text-decoration: none;  } #MySignature {
     display:none; } #navigator {
     display:none; } #blog-news {
    position:relative;}  #lnkBlogLogo {
     display:none; } body{
     background-image:none; }  .postTitle{
     background-image:none; } #blogTitle{
     text-align:center; height:200px; }  a:hover{
      color:#EA0000;  text-decoration: none;  }     .dayTitle{
     display:none; }    #author_profile_follow {
      display:none;  }    #div_digg {
      display:none;  }  #footer {
     display:none; }  #mySearchWrapper {
     display:none; }     #login_tips {
      display:none;  }    #subtitle {
      display:none;  }    #profile_block {
      display:none;  }        #google_ad_c1 {
          margin: 0px 0px 0px 0px;      display: none;  }    #blog-news-kb {
          margin: 0px 0px 0px 0px;      display: none;  }    #author_profile_detail {
      display:none;  }    #ad_under_google {
          margin: 0px 0px 0px 0px;      display: none;  }    #google_ad_c2 {
          margin: 0px 0px 0px 0px;      display: none;  }    #site_nav_under {
          margin: 0px 0px 0px 0px;      display: none;  }    #ad_under_google a {
          margin: 0px 0px 0px 0px;      display: none;  }    .ad_text_commentbox {
          margin: 0px 0px 0px 0px;      display: none;  }    #comment_nav {
          margin: 0px 0px 0px 0px;      display: none;  }      #blog_news_kb{
          display: none;      height: 0cm;  }  #ad_under_post_holder{
          display: none;      height: 0cm;  }    #ad_under_google {
          height: 0cm;  }    /*文章内图片*/  #cnblogs_post_body p img:hover {
          margin:10px;  border:solid 2px #EA0000;  }

 

 

View Code

1 

我对我的代码不设“版权”，如果你喜欢我的界面，但是也和我一样不懂CSS的话，欢迎“抄袭”.

 

---

 

更新1(2012.10.17)我的博客模板已经换掉了.采用了模板，后台CSS修改代码如下:

View Code

1  a:link {  2  color: #006A80 ;  3  text-decoration: none;  4  }   5  a:visited {  6  color: #006A80;  7  text-decoration: none;  8  }  9 #MySignature { 10 display:none; 11 } 12 #navigator { 13 display:none; 14 } 15  16  17 .MathJax_Display:hover{ 18 border:solid 1px #006A80; 19 } 20 #lnkBlogLogo { 21 display:none; 22 } 23 body{ 24 background-image:none; 25 } 26  27 .postTitle{ 28 background-image:none; 29 } 30 #blogTitle{ 31 text-align:center; 32 height:200px; 33 } 34  a:hover{ 35  color:#EA0000; 36  text-decoration: none; 37  }  38   39  40 .dayTitle{ 41 display:none; 42 } 43  44  45  46 #author_profile_follow { 47  display:none; 48  } 49   50  #div_digg { 51  display:none; 52  } 53  54 #footer { 55 display:none; 56 } 57  58 #mySearchWrapper { 59 display:none; 60 } 61  62   63  #login_tips { 64  display:none; 65  } 66   67  #subtitle { 68  display:none; 69  } 70   71  #profile_block { 72  display:none; 73  } 74   75   76   77  #google_ad_c1 { 78      margin: 0px 0px 0px 0px; 79      display: none; 80  } 81   82  #blog-news-kb { 83      margin: 0px 0px 0px 0px; 84      display: none; 85  } 86   87  #author_profile_detail { 88  display:none; 89  } 90   91  #ad_under_google { 92      margin: 0px 0px 0px 0px; 93      display: none; 94  } 95   96  #google_ad_c2 { 97      margin: 0px 0px 0px 0px; 98      display: none; 99  }100  101  #site_nav_under {102      margin: 0px 0px 0px 0px;103      display: none;104  }105  106  #ad_under_google a {107      margin: 0px 0px 0px 0px;108      display: none;109  }110  111  .ad_text_commentbox {112      margin: 0px 0px 0px 0px;113      display: none;114  }115  116  #comment_nav {117      margin: 0px 0px 0px 0px;118      display: none;119  }120  121  122  #blog_news_kb{123      display: none;124      height: 0cm;125  }126  #ad_under_post_holder{127      display: none;128      height: 0cm;129  }130  131  #ad_under_google {132      height: 0cm;133  }134 135 136  /*文章内图片*/137  #cnblogs_post_body p img:hover {138      margin:10px;139  border:solid 2px #EA0000;140  }141

页首HTML没变.