新模板
看见Pstrey换了个模板,自己也想DIY一个,毕竟上一个模板已经用了N久了。
前天在学校用铅笔设计了一下,但是图稿中,付诸实际的,只有这个侧栏而已。起初准备制作一些背景图片加以装饰,制作的时候,又放弃了,决定不用图片,所有布局均用CSS搞定。(或许目前是这样,以后加不加图片骑驴看唱本了~~)
整体风格还是基于白色调,很淡的感觉。考虑过深色系,但没有使用,一是前期制作和后期修改都比较麻烦,二是估计没过几天我就会讨厌它。
Firefox对于CSS3的支持已经可以让人接受了,很多效果显示出来还是挺满意的。这个模板就使用了一些CSS3的专有属性,主要是圆角和阴影。CSS3的代码量增加很大,导致整体代码显得相当臃肿,不过加载这些代码总比加载图片快吧。
模板都是按照Firefox下的显示效果制作的,其它浏览器未必能达到最终效果。测试了一下IE和Opera,圆角变直角,阴影、渐变显示不出来;Chrome下,状况惨不忍睹……
模板整体效果已经定型,后续的细节加工将陆续完成……
2010/5/31 update:
前天在学校用铅笔设计了一下,但是图稿中,付诸实际的,只有这个侧栏而已。起初准备制作一些背景图片加以装饰,制作的时候,又放弃了,决定不用图片,所有布局均用CSS搞定。(或许目前是这样,以后加不加图片骑驴看唱本了~~)
整体风格还是基于白色调,很淡的感觉。考虑过深色系,但没有使用,一是前期制作和后期修改都比较麻烦,二是估计没过几天我就会讨厌它。
Firefox对于CSS3的支持已经可以让人接受了,很多效果显示出来还是挺满意的。这个模板就使用了一些CSS3的专有属性,主要是圆角和阴影。CSS3的代码量增加很大,导致整体代码显得相当臃肿,不过加载这些代码总比加载图片快吧。
模板都是按照Firefox下的显示效果制作的,其它浏览器未必能达到最终效果。测试了一下IE和Opera,圆角变直角,阴影、渐变显示不出来;Chrome下,状况惨不忍睹……
IE和Firefox下的效果对比 |
2010/5/31 update:
- 经过两天使用,发现Firefox效果最佳,Safari次之,其余的都不大李想。
- 页面色彩在CTR显示器上会显得深一些;我的本本是LED的,看起来比较淡,恰到好处。
- banner的recent posts,貌似只有在代理下才可以正常工作。试了几个js,但离开代理都入睡,目前还没有好办法。
评论
等着chrome慢慢完美支持css3吧
哈哈,是有点奔着那个方向去的
不过感觉似乎你的完成度更高啊
不知是因为技术力的差距还是因为我的精致路线更花时间
我的稍简洁吧,相对而言比较好做,基本上已经完工了。
你那个比较细致,尤其是侧栏,工夫花的肯定比我长~~
(咱技术也是二把刀,一边查CSS手册一遍做...XD)
你用了大量的CSS3的东西,查手册肯定是少不了的
基本上只用常见属性的我倒是没这个烦恼,但是改图确实是很累啊...
sandeli79#gmail.com
请等段时间,弄好就传。