重新设计博客模板

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

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

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

One thought on “重新设计博客模板

Leave a Reply

Your email address will not be published. Required fields are marked *