经过前天的打击、昨天的消沉和今天的不甘，终于新的 WordPress Theme 上线了。

命名为 Bokeh，来源于 abduzeedo 家的教程。

其实这一次的设计参考了别人的作品，我做的，只是想把积累了很久的 CSS3 的认识一股脑倾泻出来。工作3年多了，每次都要为了若干远古时代的浏览器去牺牲尝鲜的机会，只能在低级别的 CSS 特性和各种各样的浏览器兼容问题见打转，烦闷，憋屈，无解。不过自己的一亩三分地，终于还是可以发泄一下，哪怕只是自己一个人看到感觉到快捷神奇强大的 CSS3，也是美好的。不是我想拒人于千里之外，只是我厌倦了在浏览器之间做好好先生。工作，生活，总还是有些区别会有快乐吧。

HTML5 嘛……打算过阵子再升级这个theme的时候，再尝试。一次兴奋过度，会导致其后长时间的疲软。

Author: DreamTemplate team
License: Creative Commons Attribution-Share Alike 3.0 License

• live demo
• download the theme (.zip, 1.8 Mb)

主题细节图片：

Feature 部分在整个主题顶部，左边还有变换样式的按钮

首页文章列表

留言部分

边侧栏（顶部）

边侧栏（底部）

(via)

Updates:

1. Redesign every pages
2. Upgrade to WordPress 2.6
3. Add “tag cloud” page tamplate

Download(.zip, 62.4KB)

经过一年多，Purple Heart 终于 reborn 了

Updates:

1. Redesign every pages
2. Upgrade to WordPress 2.6
3. Add “tag cloud” page tamplate

其实这次的升级是一时兴起，用了周末两天加今天就算是完工了。可能是最近过剩的精力需要发泄，又想写 blog 了。其实一直以来，做了那么多的 WordPress Theme，也就是对 Purple Heart 比较满意。对 HTML、CSS、Usability 日益精熟，似乎不表现在自己的站点上总说不过去。我想这个 theme 我会用很久，毕竟，它经过了一年看起来还是那么特别，这本身就好似一个奇迹。

这周作为测试，顺便整理一下整个 blog ——包括800多篇文章……没事找事就此开始……

养病期间构思过一个以苏格兰格子花呢为背景的 WordPress theme，结果被人抢先一步。唉，什么都不说了，去看看人家的大作吧。

最近眼睛恢复得不错，每天可以看电脑半小时后休息半小时再看半小时这么玩上一会儿了。想起之前很多没做完的工作，就捡起了 Underbrush。

这次升级后版本号为 0.3，主要更新的部分有——

1. 改进图片格式和质量，使得图片总体大小缩小70%；
2. 依据 wordpress 官方文档修改了主题的HTML标签以及CSS样式，大大增强了可读性和可维护性；
3. 在 sidebar 区块标题使用 sIFR （nightly版本）技术，不再依赖呆板的图片替换技术，美中不足是对中文支持欠佳；
4. 添加专门针对IE6的hack，添加对IE6下png的支持；
5. 大量细节修正。

几乎可以算是重写了半数代码，对自己以前的幼稚很汗颜。

自己测试两天，没问题的话劳动节后放出正式版本。

Author: Fuiun/风凝
Version: 0.2i
Download

可能是当初脑子发热，或者是拿ie5当作了ie6，当我再次面对 Underbrush 0.2 的 CSS 代码时，我脑海里就出现了一行字——

“猪八戒是怎么死的？笨死的。”

其实归根结底，这些看似要命的bug基本都是我在修正0.1时候犯下的——而那个时候，我正过度依赖 CSSVista 中自带的所见即所得编辑器。看来，不能以来所见即所得编辑器啊，因为见到的真的和写出来的东西大相径庭——或许我唯一用过的真正可以成为“所见即所得”的东东，是 Photoshop…

下面，历数一下偶在 0.2 版本时犯下的问题吧，权当自勉——

• 传说中的 header 左边有缝隙的问题——是我当时为了适应 CSSVista 中的 IE6 添加了 -10px 的margin-left
• IE6下左边栏搜索和Fx不同——是偶太懒或者是太烂，不知道 position 的强大之处
• 右边总是有一像素的空白——我错误得计算了背景图片的宽度，导致了 #wrapper 窄了1px，出现了右边的一像素空白

至于看不懂偶写的CSS这个问题，我觉得还是属于个人习惯——偶就是为了防止以后自己看不懂而添加了大量的注释，并且分割了很多的块。看来习惯的力量的确是无穷啊…

偶最近一段时间其实还是有东西可以写的，但是实在是忙+懒。等周末，偶一定好好表现

Author: Fuiun/风凝
Version: 0.2
Download

由于风凝的大猪头啊大猪头行为，解决 bug 的事情一直拖到今天才完——看来以后不能只检查3天就放出下载……经过大家的提点，目前共计解决如下问题——

• IE6下的错位（感谢青衣）
• blog页面中页脚翻页链接失效（感谢hhalloyy）
• 单独文章显示页面标题距文章过宽
• 林林总总的小问题以至于我已经想不起来 o( _ _)o

如果大家能不计前嫌，接受风凝诚恳的道歉，继续帮偶排查 bug，风凝感激不尽……

Author: Fuiun/风凝
Download

灌木丛中，小动物在潜行。

经过周末的折腾，总算是完成了这个wp主题。经过一系列调整，还算是满意吧，至少没有出什么大的纰漏。本来想加入 Lightbox 效果的，谁知道不管是用wp插件还是直接往里面加js脚本，效果都差强人意得厉害。算了，等哪天能精简 lightbox 的脚本到10k一下再考虑吧。

做这个皮肤没有遇到什么大的问题，稍微麻烦一点的就是顶部图片还是太大，再精简也都在50k以上；还有就是 sidebar 的标题们，都是用的文字替换，效果还是不能达到最理想的结果，唉……

先测试上三两天，如果还有更好的方法能解决顶部图片和文字替换的问题的话，那真是造化啊造化。最近还想重新整理一下自己以前的作品，然后设计个叶子作为展示。以前的gallery即将弃置，新的东东要叫什么名字，暂时还没有想好。

昨天有点累，放出压缩包之后直接上床了，但是脑子还是不得空闲，一直琢磨该怎么完善这个主题。今天早上迷迷糊糊醒来打算翘实验，完善一下这个目前为止自己做的东西中我最喜欢的 WordPerss 主题。

如果要追究“版本号”的话，这次的 update 应该是 1.1。改进如下——

1. 修正部分图片，不会再在灰色背景下露怯。
2. 修正了分类浏览的时候只能显示首页的两篇文章而不能显示同分类的文章的问题。
3. 首页只显示2篇文章，不受后台选项干扰——后台选项可以控制搜索结果和分类文章的显示数量。如果希望调整首页显示数目，修改 index.php 里面的 query_posts('showposts=2') 中的数字即可。
4. 修正部分XHTML，通过W3C XHTML验证。
5. 修正少量CSS，以便阅读。

可能还有一些bug没有发现，希望大家继续指教 ^^

新版本这里下载

Author: Fuiun/风凝
Download

紫色代表伤痕。“紫色的心”，就是一颗伤痕累累的心。

OK，酸完了，说正题。这个五一长假其实我有很多正事（不带引号）要做，但是不知道为什么全部投在了 DIV+CSS 上面。整整4天，几乎除了吃饭睡觉就是在和代码较劲。中间受到过不少挫折，好几次差点放弃。还好，跟自己憋了口气，硬是做了出来。现在坐在椅子上静静看着成品，只觉得内心很平静，没有任何狂喜。

这次写CSS，基本上在Firefox里面制作完成后放到 IE6 和 IE7 里测试，除了导航栏有些错位，其他部分一次通过。这次的bug在 IE6 和 IE7 一同出现，传统的 hack 已经很难奏效。最后搜索到一个 !important 在 IE 7.0 的 hack 方法，终于解决。虽然看上去有点 dirty，所幸只有一处。开心的是以后遇到同样的问题就不用再像丈二和尚摸不到头脑了。

除了这个 hack，更多的感慨来自于对于“次序”的理解。以前对于CSS中次序问题的理解仅限於几个伪类。这次在做 Purple Heart 的时候无序列表一直都有莫名的错位，以致顶部的导航栏足足耗费了我一天的时间。后来参考了 为何使用表格排版是不明智的 才发觉 list-style 和 display 的次序不能颠倒。对于这些书本上没提到的东西，或许只能在实践中自己不断的发现、解决，才是终极解决之道吧。

这次的theme自己比较满意，所以放出下载。不管是喜欢，还是有问题，一并笑纳。

设计的人是我，制作的人是我，拥有的人是我，开心的人是我是我还是我。

现在正是“三九四九，冻死小狗”的季节，但是猫的心中早已经充满了快乐——排除看”PHP Programming”时候的郁闷，猫绝大多数时候是很开心的。这几天换来换去一天换4次模板，越来越不爽，于是乎…决定，还是自己动手丰衣足食！

经过了一个下午的劳动，成果就是上图——也就是现在小窝的样子，嘿嘿，很粉嫩是不是啊？猫也是第一次尝试这样的风格啦…什么？缩略图和链接的图片不一样？唉…何必较这个真…

这个模板的名字定为“A New Tree”，因为banner使用的那个图的名字就是这个。目前一切都处于满意状态，happy~

Author: Kaushal Sheth
Download

用作预览的是风凝昨天改了一晚上外加 hung 今天改了半下午的劳动成果。终于可以在冬天用上看着温情点的blog模板啦~

在此特别感谢 hung 的辛苦劳动——我这个 PHP + CSS 大菜鸟害他几乎把全部都弄了一遍，*^^* 偶一百个感谢啦~