不同操作系统下的blog截图

browsershots一个很不错的网站，可以用来测试网页在各个操作系统和浏览器组合平台下的浏览效果，以下是测试的结果：

firefox 2.0 on ubuntu edgy	firefox2.0 on mac os x
konqueror 3.5 on pld linux	msie 7.0 on windows server
iceweasel 2.0 on debian etch	safari2.0 on mac os x

More......

文章CSS调整：增加分隔线

原来每篇post之间没有分隔线，乍看上去，很难分清楚两篇文章，现在增加一个淡淡的细线，稍微区分下。
修改主要是在post的css部分，原来想在widget部分直接添加一条细线的，不是太规范，后来参考八个圈的设计，对css部分直接修改如下：

@media all {
  .date-header {
    margin:1.5em 0 .5em;
    }
  .post {
    color: #666666;
      text-align: justify; 
      font-size: 13px;
      margin-bottom: 10px;   
    margin:.5em 0 1.5em;
    border-bottom:1px dotted #ccc;
    padding-bottom:1.5em;
    }
  }
@media handheld {
  .date-header {
    padding:0 1.5em 0 1.5em;
    }
  .post {
       color: #666666;
      text-align: justify; 
      font-size: 13px;
      margin-bottom: 10px;   
    padding:0 1.5em 0 1.5em;
    }
 }

More......

添加Emotion JavaScript

在模板中添加了emotion javascript。为了能在页面上显示未转换前表情符号，我使用中文全角来表示。

；）	;)	：-）	;-)	：D	:D	：-D	:-D	B）	B)
B-）	B-)	：x	:x	：X	:X	：-x	:-x	：-X	:-X
：-（	:-(	：（	:(	：o	:o	：O	:O	：-o	:-o
：-O	:-O	：p	:p	：-p	:-p	：-P	:-P	：P	:P
：)	:)	：-)	:-)				:

1. 备份模板

2. 在</head>前添加：
点击这里查看代码

3. 把< body >替换为： < body id='body' onload='replaceText();'>

4. 保存模板

ps: 由于模板中使用了表情转换，所以代码中出现的字符全部转换成了图标，无奈之下使用了google的在线文档服务，有空把script在修改下，让它能对特定的引用忽略替换。


More......