标签归档:CSS

小打小闹的修改

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

为评论框添加outline

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

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

Safari outline

Safari outline

继续阅读

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` 能以红色粗体呈现,可结果却跟别的字体别无二样。

继续阅读

继续改进评论框

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

缩减评论框的高度

wp-thread-comment默认的嵌套评论的高度是很高的,主要是头像独占一行的原因。所以这里将评论者和评论时间放到头像的旁边。在wp的后台编辑该插件的css文件,添加上以下代码:

.chalt .avatar{
	float:left;
	margin:0 5px;
}

有可能段落的间距很大,可以加上

继续阅读

美化、优化博客

这几天在参照别人的经验来美化和优化我的博客,连去万戈那里灌水刷屏都少了点。暂告一段落了,总结一下。

添加中文语言包

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

wordpress中文团队下载简体中文语言包,解压到wp-content/languages目录,然后编辑根目录下的wp-config.php文件,将语言定义宏改为

define ('WPLANG', 'zh_CN');

保存即可。

Ctrl + Enter提交评论

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

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

继续阅读