这个新皮肤起名为Grey(灰色),是为Roclog v3.1.4制作的,前一个叫Green,这样每个皮肤都以颜色起名,真是没创意了。不过现在这个皮肤到是以灰色为主,配以圆角图片,感觉还是不错的。
今天抽空做了一下,已经把MainPage.html写好啦,明天有空时填一下标签,就可以做个预览。新版添加了gravatar支持,可是我在默认皮肤里没有发现它的标签,还得下个官方其它皮肤来研究一下。此外,还有一些细节需要完善。
这个皮肤有两个地方用圆角,一个是Side,这里从网上找了一个用一张图片做圆角的代码,我把原代码中用22px(半径11px)改小了一些,成为了10px(半径5px),这样显得紧凑一些。另一个地方是在内容页,这里有立体效果,所以不能用Side里的方法。开始时全部用Div+CSS写出来,可惜兼容性不好,而且代码变得更长,只好放弃,用了表格做布局,这样虽然代码不好理解(仅在html中,在CSS中代码更简洁),但总的代码却短了很多,而且兼容性也更好。组成这个圆角的图片是从Livid的开源项目Babel中来的,我觉得那个圆角做得不错,因此就直接用了,我自己再作也不会有这么完美。在内容的左边,还有一个站长的头像,因为目前不知道如何设置管理员的gravatar头像,因此,如果发布出来后,还请各位站长自选做一个头像来替换默认头像。在头像的下方,将会放置一些日志的信息。这个也是Livid的布局。
听说CSS3出来后,将会支持绘制圆角,不过不知道哪个浏览器会支持,貌似目前还没有,不知道IE8或Fierfox4能不能支持,到时候就可以更容易的制作圆角了。
刚把MainPage.html换成MainPage.config,一切就绪,换上预览,却是惨不忍睹,究其原因,主要有两点:
(未完成)因为在Display里使用了表格来布局,导致CSS定义不能继承,只好修改成"h1 .title“这样的形式。(未解决)不知为什么,又有了js错误,看来新版本中又多了新的部分,还得研究。
原来是因为我一个不查,把Display写成了Displayer,所以就出现了以上错误。现在好啦,不过制作进度要慢下来了,最近在看《沧海》和再《仙剑IV》,7月上旬还要期未考试。