重新设计博客模板

这些天花了不少功夫，重新设计并修改了整个博客的模板。之前早就想要重新写一写模板，但一直拖着没有做，觉得还是要花不少时间的，而且CSS很久不碰，有些小地方也不熟了，改起来速度肯定快不起来。果然，头天把布局设定好并搭成型后，一直不断修补一些细小的地方。搞了这么久，总算基本上已经定型，接下来不再做大的变动了。

新模板的主要目标是要改成3栏式的布局，这里遇到了个很棘手的问题，即要在边栏保持宽度的情况下，内容栏的宽度根据屏幕宽度自动调整。尝试了不少方法，但解决得都不是很好，最后仔细分析了几个wordpress主题，并通过这篇《Creating Liquid Layouts with Negative Margins》，总算找到也明白了应该怎么处理这个问题。这里用负的margin值来实现的确很特别，而且效果很好。

整个模板一共用了3个图片，分别是网站logo，rss的logo，边栏项目前的小箭头。其它部分全部用div+css来实现，效果应该还不错。不同平台下的显示效果，只测试了IE6、IE7和Firefox，不知道还有没有bug，希望已经被我除干净了吧。

No related posts.