怀旧篇 - 我昔日的个人主页(三)

日期:2008 年 7 月 20 日随意吐槽
上篇

图片载入中...


大概在06年四月份的时候比较彻底地重新设计了一下Bo-Blog 1.7的模板,当时希望能做得稍微性格一点,于是就改成了黑色背景。从这个时候开始接触了CSS,但是在修改这个模板的时候对CSS认识非常肤浅,也没有话功夫好好学打好基础,所以在实现页面的时候基本上只知道在默认模板上改动一下margin padding之类的,连float是啥都不知道,碰上位置有问题不好解决的就直接用负的margin值随便调整了。幸亏也不是复杂的设计,不管过程是不是狼狈,最后实现效果还行,只是header和content在FF下有一像素的间隔,始终解决不了,虽然只是一像素,但是因为用了带纹理的背景,所以看上去比较明显。


图片载入中...
当时的引导页是这样的,用3d做了个logo和按钮,然后置入了Flash,而按钮在悬浮之后有蓝色的光绕着打圈。


图片载入中...
几个月之后因为博客的资料丢失,让我下决心更换只用txt做数据库的Bo-blog 1.7。当时有两个选择,WordPress和Bo-Blog 2。首选当然是WP,06年的时候已经非常普遍了,我连模板也已经做好(如上图),准备上线。但是好多问题和插件始终没搞定,而且在我那个服务器上不知为啥速度上比起bo就是非常慢,并且后台一直切换不了可视编辑器。在向Super37讨教依然未果之后我只得放弃,选择了Bo-Blog 2。功能大升级之后bo已经可以在不装任何插件的情况下满足我希望的需求。


图片载入中...
接着我就把之前设计的这个风格做成了Bo的模板,取名做EleganX,风格上也是希望能清爽、典雅一些。Bo-blog2平台沿用至今,而这个EleganX模板虽然一直没有特别大的变化,但是被我一次次地修改着,虽然看上去也就那样了,但却可以说见证了我慢慢地熟悉起CSS(当然,现在依然很菜鸟。。。)已经无法计算在这个模板上所花的时间和心血。博客上线之后一直和以前一样,维持着每篇博客都配题图的习惯。

EleganX模板的各个版本:
图片载入中...
把侧边栏提了上来,分类板块和导航在了同一个高度上,看似不大的改动其实费了我好多心思,改动了不少博客的源代码


图片载入中...
因为每次程序升级都得改源代码,所以摒弃了之前提升侧边栏的设计。另外在日志日期的地方加了点修改,用位图做了背景。而且把最新评论和最新日志等内容移到了footer中


图片载入中...
最后的一次大改就成了现在这样,标题字号变得很大,而且也没有背景。字体上全面应用了Trebuchet MS



这期间设计过两个版本的引导页:
图片载入中...

图片载入中...




怀旧到此结束,新版主页已经差不多ok了,正在填充内容中,不日上线,大家敬请关注,谢谢!

博文评论
微博 知乎 Twitter Dribbble Behance Instagram LinkedIn Unsplash