2008-10-28

如法炮制

tag: 模板 CSS

       前两天在Smashing Magazine上看到他们推荐了50款优秀的blog设计,都很不错只是大都不简约,这时忽然看到其中有一款简洁大方的blog设计图,不错,虽然算不华美,但够简练,配上博主经济的布局的确体现了一种简约的风格。很欣赏,于是估摸着把人家的样式也倒腾到自己的博客上,嘿嘿~

       该洋人的博客非常简单直白,Neil Scott的大名赫然在上,不管他是谁,既然被推为典范那我就做回拿来主义者了。花点时间捣鼓一番,今天算是完工了。当然与人家原来的样式是有所不同的,自己没点创意光照搬就没意思了不是。这次模板更新还使用了一点CSS 3的特性,比如块级元素的圆角,以前要用图片来补充做这个,比较麻烦,现在只要一条简单的CSS代码就搞定了。不过我估计大多数人在我这里看不到圆角,主要因为主流浏览器还不支持,不过用firefox 3来访问就没问题,再加上使用微软的雅黑字体,那网页的呈现就堪称完美了;)别美了就~

       不过说到微软,最近的“黑屏事件”似乎让他们有点打蛇不成反被咬的尴尬,其实我也是盗版用户,不过没被黑,因为那并不是强制安装的嘛。微软的下一代系统Vista有点华丽过分了,以至臃肿而低效率,他们也不得不面对用户更青睐XP所带来的尴尬。要说微软推出的Vista不好也不尽然,微软在Vista里使用了上面提到的“雅黑”就非常棒,是我见过最好的中文字体,国内也有其他类似一些不错的中文字体,但在渲染上雅黑还是胜出一筹,清晰易辨,又有点巧克力的味道,可见微软还是有两把刷子的。现在用惯了雅黑回头在看那些皱巴巴的宋体、黑体什么的,简直有点无法忍受,哈哈~

         新做的这个模板比较简单,无非就是写写CSS,这次只不过运用了jQuery的一个叫jTabber的效果插件,使导航栏有种选项卡的感觉。我比较喜欢这种效果,因为这样的网页比较简约,没有多个分栏产生的繁杂感。这次改版最大的变化不在外表而在于添加了一些额外的功能,比如留言板,x-wood制作的flash留言板的确很棒,比cbox或shoutmix那些呆板的样式更活泼,以后各位就可以在本站留言了。其他的功能还包括PlurkDelicious书签,plurk是类似饭否的那种一句话博客,可外链,个人感觉plurk更有趣一些;Delicious书签就不用多说了,我电脑里的书签都同步到Delicious上了,现在在这里就能看到我最新收藏的书签。

         另外,在“关于”一栏中的关键词列表还使用了tag cloud效果,使用最多的关键词字体越大,反之越小,感谢blogbus hack制作了这么cool的效果。由于这次整合了不少资源和效果,所以有可能会导致网页载入变慢,尤其是使用版本较旧的浏览器,但总的来说也不会太离谱。

       还以为自己能做出一个能永不更换的经典的模板来,结果还是放弃了上次那个橙紫色调的模板(现在是看不到了)。初始的热情被短的微不足道的一点时光磨灭成厌倦,也许是太过浓墨重彩,反正是不喜欢了,索性再做个新的。

       这次风格较简约清淡些,题头部分采用了一张我很喜欢的照片,这张照片也曾用在我做的第一个模板里(现在更是看不到了),很向往那种羁旅的感觉。这个模板基本上就是拿来主义的结晶,所有的素材都来自网络,包括图片、各种图标还有js脚本,不过经过有效的修改和整合就能达到很不同凡响的效果,呵呵~

       为了所谓的用户体验,我还在页面里加入了一个名叫boxover的js脚本,比较有用处,当鼠标移到某个链接上时就会自动弹出一个随鼠标移动的标注框,我会在里面就这个链接进行简短的说明,来访者应该能注意到,当然首先你的浏览器要开启javascript支持。blogbus似乎对文章内容里插入脚本代码做了限制,有些不错的脚本没法应用,想多弄一些效果上去的想法只好作罢。另外如果你是用IE 6 浏览器浏览本站的话我无法保证页面不出问题,要么升级到IE 7 要么就用firefox、opera之类更强大的浏览器,IE 6 该淘汰了。

       总之现在这个模板还算让我满意,但保不准一个月后会是什么样~

2008-05-20

新模板出炉~

tag: 模板

    忙了一天终于完成了新模板,还不错吧,别说,自己都觉得喜欢(臭美一下),哈~

    我给新模板取名purple sun, 橘红和紫色的搭配很靓哦:)

    不过有些地方还需修改,嗯,慢慢来吧~

返回顶部