Wide True Blue

今天在网上乱翻，无意中找到一款修改过的k2，说实在话，我就喜欢这样的。很久以前我就想把正在使用的k2变宽点，看着左右多出来那么大的空间我觉得真有些浪费，现在都是宽屏普及的时代了，而默认的k2还停留在800X600分辨率的年代。其实真正的原因是，原来左边的内容栏只有500px，这让我放不下大图片，压缩过尺寸的图片看起来真难受。

我下回来lifesinger的模板，打开style.css看了下，才发现原来只需要修改几个就可以把k2变宽了。我先在我的“试验田”里测试，发现真的很简单，只要注意总宽度、内容栏和侧边栏的宽度就行了。

革命成功了第一步，但还没有解放，我的目标是把True Blue也改成宽宽的。True Blue作为k2的一个Style，只有一些css和图片文件。按照刚才的思路，我在trueblue.css里寻找定义各栏宽度的字眼，也很快就修改好了。其实，如果一直用trueblue的话，只需要修改trueblue.css就可以了，k2的style.css可以保留不动，当然，trueblue.css也可以保持不变，custom.css比它更先加载，这是另外一个问题啦。图片的尺寸是固定的，不会受css的影响，所以大部分的时间都是花在修改图片上。

修改图片之前要规划好，改哪些，哪里要修改等等。因为我是嫌内容栏太窄了，侧边栏就不动它了，少些麻烦。加加减减一阵计算，内容栏可以再增加160px，基本可以达到我的预想。分别找出决定head、body及foot部分框架的图片，在原来的中间部分再加一段就可以了。我的ps水平有限，用的是最蠢的新建+复制+粘贴的办法来修改图片的。为了在Firefox等浏览器里背景能透明，为了照顾IE这个破浏览器，有些图片还得准备png和gif两种格式。

修改True Blue的过程中也碰到了一次麻烦，顶部的head部分老是有一截超出了边框，弄得右侧边惨不忍睹。这是在Firefox中出现的，偏偏在IE6中没有这个问题！按理说Firefox认可的代码应该更规范些，但这次却让IE歪打正着。没有办法，我只能在trueblue.css里逐行检查了 ，重点是那些width或者repeat的地方，碰到觉得可疑的代码就用修改或注释掉等手段，一次一次强行刷新页面做对比。后来果然被我找到了，有个width很怪，只有设成890px时页面才正常，我都不知道这个890是怎么计算出来的，反正我是靠增点减点试出来的。还遇到的一个小问题就是背景色和边框色不搭配，边框的边缘是透明的，竟然和底色不融合，我只有修改背景色了，这个简单，一个取色+填充就搞定了。

WordPress升级到2.2.1了，k2也升级到0.9.6(svn358)了，但True Blue还停留在1.4很久了，而1.4的True Blue套在k2 svn316之后的版本上都有问题，就为了这个，我还在用svn316的k2，相信大家都在等Steve早点放出1.5版的TrueBlue。