新模板

看见Pstrey换了个模板,自己也想DIY一个,毕竟上一个模板已经用了N久了。

前天在学校用铅笔设计了一下,但是图稿中,付诸实际的,只有这个侧栏而已。起初准备制作一些背景图片加以装饰,制作的时候,又放弃了,决定不用图片,所有布局均用CSS搞定。(或许目前是这样,以后加不加图片骑驴看唱本了~~)

整体风格还是基于白色调,很淡的感觉。考虑过深色系,但没有使用,一是前期制作和后期修改都比较麻烦,二是估计没过几天我就会讨厌它。

Firefox对于CSS3的支持已经可以让人接受了,很多效果显示出来还是挺满意的。这个模板就使用了一些CSS3的专有属性,主要是圆角和阴影。CSS3的代码量增加很大,导致整体代码显得相当臃肿,不过加载这些代码总比加载图片快吧。

模板都是按照Firefox下的显示效果制作的,其它浏览器未必能达到最终效果。测试了一下IE和Opera,圆角变直角,阴影、渐变显示不出来;Chrome下,状况惨不忍睹……
IE和Firefox下的效果对比
模板整体效果已经定型,后续的细节加工将陆续完成……

2010/5/31 update:
  1. 经过两天使用,发现Firefox效果最佳,Safari次之,其余的都不大李想。
  2. 页面色彩在CTR显示器上会显得深一些;我的本本是LED的,看起来比较淡,恰到好处。
  3. banner的recent posts,貌似只有在代理下才可以正常工作。试了几个js,但离开代理都入睡,目前还没有好办法。

评论

Yc说…
看来chrome又被夹在中间了。看的时候是方中带一点圆 圆中带一点方。。。
Kevin说…
@Yc:

等着chrome慢慢完美支持css3吧
1mojim说…
越来越像wp的外观了。。
Kevin说…
@1mojim:
哈哈,是有点奔着那个方向去的
Pstrey说…
呵,没想到竟然是受我鼓动去动手的~
不过感觉似乎你的完成度更高啊
不知是因为技术力的差距还是因为我的精致路线更花时间
Kevin说…
@Pstrey:
我的稍简洁吧,相对而言比较好做,基本上已经完工了。
你那个比较细致,尤其是侧栏,工夫花的肯定比我长~~
(咱技术也是二把刀,一边查CSS手册一遍做...XD)
Pstrey说…
@Marqui:
你用了大量的CSS3的东西,查手册肯定是少不了的
基本上只用常见属性的我倒是没这个烦恼,但是改图确实是很累啊...
管理员说…
求共享!
sandeli79#gmail.com
Kevin说…
@无所谓:
请等段时间,弄好就传。

此博客中的热门博文

清明雨凉

鱼鳞云