09新版, 新起点

大功告成,松了一口气。做这个主题还是比我想象中要困难,不过大概是自己要求太多,太贪心,但实在是有一些自己想做的东西没能实现,只好搁到以后再慢慢研究吧。而且还有一些细节需要再完善一下,并希望做些优化。

这个主题的布局其实就是由一个个“盒子”组成的,最初灵感来源于一款名为“Grid-A-Licious”的WP主题,这个主题的布局新颖很是吸引,而且每个高度不同的“盒子”之间是相嵌合的没有任何突兀的空隙,我后来尝试了一下发现单用CSS是做不出来(起码是我没有找到什么可行点的办法),它的特别的grid布局是完全基于javascript,我觉得不太现实,就没有直接使用。(但其实最主要的原因是因为作者提供的主题压缩文件有错误在我这里无法解压,很无奈,原本有个很棒的主题就在我眼前我却没法把它解压出来……)所以我就想不如靠自己吧,反正之前早就想改版了却没什么头绪,这个主题就如此诞生。

值得一提……

这款主题首次尝试使用 960 Grid System 框架,这个系统的优缺点在这里自不多说,但其确实节省了我不少精力。

值得一提的圆角,自然是用CSS实现,用图片或JS太麻烦,也没必要,其实在IE下的直角效果也很OK的~

还有一个值得一提的是,我还是第一次使用了jQuery,但我还是对此一窍不通,这段时间可以看到一个在不断copy别人代码的身影… (别告发我…)

我终于把WP升级到了2.7.1!终于不再坚持停留在2.6时代……

我已经在Firefox、Google Chrome、IE7上测试过,FF自然是最佳效果,IE7上也没什么大问题。但还没在IE6、IE8上测试,很忐忑,尤其是IE6,希望不会有什么大问题,如发现有,还是请告诉我真相吧,谢谢!

11.05.09 晚 updated:

被一些问题搞得焦头烂额的…… 几乎每次做主题都要发誓这是最后一次了…… 不能再那么追求完美了。本来这个主题设计就是为了随意一点。
另,我能不能放弃对IE6的兼容……

还有现在想购置一个空间,在物色ing……

改天再继续,如果我还想说些什么的话……

谢谢观赏

20条评论
  1. Akay says:

    进来稍微有些不习惯,现在的主题看起来有点像一个小型的CMS。

    另外右下角的评论显示是问号,怎么回事呢?

    还有就是建议把WP2.7的后台配色改为蓝色,比默认的灰色清爽一点。

  2. wulinfo says:

    这个明显没有以前的主题好看,可能目前略显粗糙吧。
    FF首页滚动好像有些问题(可能和滚动显示评存在问题)
    头像似乎也有问题(少了一截,CSS定义问题)
    IE6测试:
    导航条顶部少了一点(是不是被载入进度给盖住了)
    头像完整但撑破框架(因为CSS定义失效)
    滚动显示评论失效
    评论框架置左了
    先这些吧准备下班了

  3. nobird says:

    这主题…首页很好看哈…内页有点怪怪的…

  4. 卢松松 says:

    嗯嗯 少用js。。
    这个主题好,简洁明了 我喜欢!

  5. Jaica says:

    @Akay: 评论的问题已改, 现在应该OK了吧
    谢谢提醒~ 但现在对2.7后台的感觉比刚开始时好多了~

    @wulinfo: wow~ 谢谢帮忙找bug.. 问题真的很多. 那个评论滚动显示效果是有些问题, 已换了另一个效果, 该会好点吧… 其实之前头像是特意做成那样的, 但现在也改了一下. 导航条顶部的问题只是IE6上有, 没找到方法修正, 不算太影响效果, 就不管了… IE6上的评论显示还是有问题,但我这里不好在IE6上测试, 等以后再慢慢修正. (实在是不想兼容那破IE6了…)
    我觉得关于这好不好看的问题其实是很主观的… 当然以后会一点点改善细节, 但大致上就是现在这个样子了.

  6. Jaica says:

    @nobird: 欢迎参观~ 怪怪的…是一个有点意思的评价, 能不能说说是哪里不太对劲?

    @卢松松: 谢谢参观~ 我现在这的js算用得少了, 都只是些点缀的效果, 但也因为不太懂JS, 导致有些错误出现..

  7. wulinfo says:

    @Jaica: 东一块西一块的确实有点怪,不过这也许就是个性吧.其实现在头像还是有些怪怪的,既然不想兼容IE6我就不帮忙做这个测试了,MultipleIEs是个不错的东东,导航条试试index-2,一个新的作品被我评论成这样,罪过罪过

  8. Jaica says:

    @wulinfo: 哈哈~ 确实是看法不一样.. 不过什么评论都是欢迎的, 你也只是说出自己的感觉.. 头像真想不到放哪了, 本来是想不显示头像的, 但又不太好.
    我有装IETester, 但一用IE6测试浏览器会自己关闭, IE6就是和我作对…
    你是说z-index么, 我以为这属性只是在用了position:…才有效

  9. evacuee says:

    我来补充一下,在Safari下效果也非常棒!

  10. evacuee says:

    在补充一下,貌似留言部分有点不易观看,感觉有点对不上号,别的的地方很不错:)

  11. wulinfo says:

    侧栏图片链接撑破框架
    如:http://motun.net/?p=76

  12. Jaica says:

    @evacuee: 谢谢~
    呵..留言部分是不是觉得有点乱? 会看看再怎么修修.

    @wulinfo: 我这里看不会啊.. 哦你是指图片链接hover的时候吗?
    就是靠右边的图片会-鼠标经过时即hover中的图片有部分浮出框架.. 我还没找到其它好的方法解决, 但也觉得并不是很影响效果.

  13. wulinfo says:

    @Jaica: 对呀,试试百分比

  14. Jaica says:

    @wulinfo: CSS搞不掂…… 直接php处理了……
    百分比? 能说具体点吗?

  15. wulinfo says:

    @Jaica: 看起来搞定了,至于百分比,我的主题应用挺多的,你可以看我的CSS

  16. iColor says:

    这个评论版式是怎么个情况?简单的分栏?

  17. Jaica says:

    @iColor: 我也不清楚了…… 只是比较失败的尝试…… 其实是用了浮动,过会儿换回普通的楼层样式……

  18. shy says:

    我使用Grid-A-Licious尝试做一个wordpress/
    搜索到你这里
    http://suprb.com/apps/grid-a-licious.zip
    你下载的文件夹打不开 应该是因为PC下压缩包内不能含有>符号,需要在压缩包内将文件夹的名字重命名。
    期待高手你制作Grid-A-Licious的相关主题。我安装上这个之后页面一直有问题。

  19. Jaica says:

    @shy: 谢谢你~ 这么久了终于有人解答我这个问题……
    不过其实我并不是制作与Grid-A-Licious相关的主题,只是很欣赏他的布局而得来的小小灵感,最后的成品(即你现在所看到我这里的风格)与Grid-A-Licious完全是两码事了。
    p.s. 刚去你的网站看了一下似乎没有什么问题啊……

  20. 应该有10版了吧。。

发表评论
icon_wink.gif icon_neutral.gif icon_mad.gif icon_twisted.gif icon_smile.gif icon_eek.gif icon_sad.gif icon_rolleyes.gif icon_razz.gif icon_redface.gif icon_surprised.gif icon_mrgreen.gif icon_lol.gif icon_idea.gif icon_biggrin.gif icon_evil.gif icon_cry.gif icon_cool.gif icon_arrow.gif icon_confused.gif icon_question.gif icon_exclaim.gif