我的博客园的CSS和html设置

我的博客园博客是基于博客园的模板“Less is more”修改而来的,虽说那个模板很"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 <script type="text/javascript"
 2    src="http://cdn.mathjax.org/mathjax/latest/MathJax.js?config=TeX-AMS-MML_HTMLorMML">
 3    MathJax.Hub.Config({
 4      extensions: ["tex2jax.js","TeX/noErrors.js","TeX/AMSsymbols.js"],
 5      jax: ["input/TeX","output/HTML-CSS"],
 6      tex2jax: {
 7        inlineMath: [['$','$'],["\\(","\\)"]],
 8        displayMath: [['\\[','\\]'], ['$$','$$']],
 9        balanceBraces: true
10        
11      },
12      TeX: {equationNumbers: {autoNumber: ["AMS"], useLabelIds: true}},
13      "HTML-CSS": {availableFonts:["TeX"]},
14    });
15  </script>

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

更新1(2012.10.17)我的博客模板已经换掉了.采用了iMetro_HD模板，后台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没变.

优质内容筛选与推荐>>
1、Python之路,Day4
2、关于交叉熵损失函数Cross Entropy Loss
3、使用 Dom4j 将 XML 转换为 MAP
4、001
5、iOS：使用莱文斯坦距离算法计算两串字符串的相似度

0 │ 收藏 │ 举报

朋友将在看一看看到

分享想法到看一看