2007年10月1日星期一

[Update]博客新主题测试中...

注意:本主题目前只能在Firefox(及其他较新的Gecko核心浏览器)和Safari中正常显示!我会尽快修正,以兼容IE和Opera。

很久之前,我就已经想着为这里换一个新的主题了。之前一直在用的nonzero red主题尽管也非常不错,但是总还有一些地方不能让我满意:

  • 与本站的主题并无相关性

  • 不支持SRG Clean Archives插件

  • 不支持Pagebar插件


这三个缺点足以成为替换掉nonzero red主题的理由了。

我在yo2的自带主题里面挑选了很久,最后决定使用Xu Yiyang 的 Unnamed 1.2171主题作为我新主题的基础。这个主题自然是解决了上述的3个问题,而且也比较简约,比较符合我的要求。这个主题可定制的选项很多,而基本上我也没有弄什么:

  • 用自己作的标题banner替换了原来的蓝色banner

  • 把导航栏的样式全部取消,并移动到标题banner下方

  • 参考Apple网站的配色处理文本颜色

  • 把footer的样式全部取消


这样,基本上就成了你现在看到的样式了。

目前,本主题还处于测试阶段,还有很多细节之处需要修正,也可能会临时换回原来的主题,如因此给您的阅读造成了不便,敬请谅解。

update:
又花了很多时间把主题整了一下,基本上有点样子了。在处理主题的过程中,发现了这个主题的一些bug,让我很头疼。目前,这个主题还存在下面的一些问题

  • 链接部分的代码结构与其它侧边栏组件不一致,导致无法应用测边栏背景

  • 主题自带的实时评论功能和编辑评论插件不兼容,关闭实时评论插件后,发布完评论,侧边栏会消失,所以只能保留实时评论,而关闭评论编辑插件了

  • 设置显示和隐藏侧边栏插件的功能几乎不能用,所以只能在所有页面上都保留侧边栏

  • 还有一个问题就是本模板暂时还不能兼容IE和Opera



关于无法兼容IE的问题起源于如下原因:

原始模板的导航栏是在banner上方的。但是这个主题风格下,导航栏放在banner上方似乎不太合适,所以我就用尽我仅有的少的可怜的CSS知识把banner硬生生地挪下来了。当时并没有在IE中进行测试就匆忙间应用在这里了,我是后来才发现IE中的显示问题的。我绞尽脑汁也想不到什么合适的方法来解决这个问题。如果实在不行的话,我都在考虑重新把导航条放回原位了。

我顺便在这里求助一下,谁有办法用CSS解决这个问题呢?我讲一下细节:
html文件如下:

<div id="container">
 <ul id="nav">
  ......
 </ul>
 <div id="header">
  ......
 </div>
 ......
</div>

原始的ul#nav 的width是960px; height是36px; 而div#header的width也是960px,height是87px。现在的问题是怎样把ul#nav移到div#header的下面来?

9 条评论:

  1. banner好宽,看起来好奇怪
    PS 我觉得你侧边的东西太多了 看起来失衡了都

    回复删除
  2. 我也发现了这个问题。这个主题只有在Firefox和Safari中能够比较正常的显示。在IE中简直惨不忍睹。唉!

    回复删除
  3. banner 还不错,可以考虑用深色的banner背景(屏幕边缘部分)

    回复删除
  4. Banner大赞,实在是太Mac了....
    侧边栏感觉有点怪怪的...

    回复删除
  5. @fisio 重新修改了个banner的样式,增加了阴影感不知道有没有好些。
    @摩摩诘 我一直在调试中,不知道你看到的是怎样的。 :P

    回复删除
  6. 不错 不过banner 是不是太粗了?

    回复删除
  7. @lisker 你是在IE里面看的吗?IE里面的显示问题我还没有想到办法处理。感觉上在FF中banner不算很大...

    回复删除
  8. 要对付ie真是一场恶战啊。 :oops:

    回复删除