标签： CSS

小打小闹的修改

Winy 换上了新的轻灵飘逸的主题，Mucid 也折腾出了其的第一款主题，认识的很多博友们都在不停地折腾，我呢，嗯，还在小打小闹在原主题上修修改改。

为评论框添加outline

这个解释起来好像比较难的样子，直接看图吧。

有使用Safari的童鞋们应该知道苹果这家伙在细节上还是做得很好滴，比如，在聚焦文本框和链接时

Safari outline

（更多…）

2010/08/12
CSS优先级特性
一般情况下，css遵循着后定义优先，越详细具体越优先的原则。不过在某些情况下，你却得不到你想要的样式。我在启用CodeColorer插件的时候，就被这一点烦恼了很久。

举个简单的例子，有以下html文本：
```
<ul id="summer-drinks">
  <li class="favorite">Whiskey and Ginger Ale </li>
  <li>Wheat Beer </li>
  <li>Mint Julip </li>
</ul>
```
然后定义了以下的CSS样式：
```
#summer-drinks li {
   font-weight: normal;
   font-size: 12px;
   color: black;
}
.favorite {
  color: red;
  font-weight: bold;
}
```
你期望带有类 favorite 的 `Whiskey and Ginger Ale` 能以红色粗体呈现，可结果却跟别的字体别无二样。

（更多…）
2010/08/05
继续改进评论框
在上次的美化当中，为评论框添加了圆角，令看起来不是那么生硬。今天继续改进一下评论框。由于目前使用的是wp-thread-comment插件，所以，这里的美化主要是针对这个插件的。

缩减评论框的高度

wp-thread-comment默认的嵌套评论的高度是很高的，主要是头像独占一行的原因。所以这里将评论者和评论时间放到头像的旁边。在wp的后台编辑该插件的css文件，添加上以下代码：
```
.chalt .avatar{
	float:left;
	margin:0 5px;
}
```
有可能段落的间距很大，可以加上

（更多…）
2010/07/15
美化、优化博客
这几天在参照别人的经验来美化和优化我的博客，连去万戈那里灌水刷屏都少了点。暂告一段落了，总结一下。

添加中文语言包

我使用3.0时，尚无中文语言包，所以后台一直英文。虽说不是看不明白，但到底不是母语，思考需要转个弯，所以决定打个语言包。

在wordpress中文团队下载简体中文语言包，解压到wp-content/languages目录，然后编辑根目录下的wp-config.php文件，将语言定义宏改为
```
define ('WPLANG', 'zh_CN');
```
保存即可。

Ctrl + Enter提交评论

添Ctrl + Enter提交评论功能是很有必要的，因为省去了移动鼠标或用Tab来移动焦点的时间。

实现也很简单，如同Java中的addKeyListener一样添加按键监控即可，我使用的是万戈给WP添加Ctrl+Enter快捷回复一文中木木提供的代码。

（更多…）
2010/07/14