对Garland主题不成功的改造

Stefan和Stevens为Drupal5.0制作的Garland主题,简洁明快再加上酷酷的color模块,可以随意挑选你自己喜欢的颜色,实在是新版Drupal的一大亮点。就连WordPress也已经移植了这一主题,过去可都是Drupal用户到处寻找转化过来的WP主题:)

自从决定在我这个Drupal试验田使用最新的5.0版本后,就一直琢磨着选用一个什么外观主题。我原来的那个非常大米blog使用的是pushbutton主题,早就打算换一个了,于是借着这次5.0的机会打算在Garland主题基础上稍稍改造一下。自己知道对CSS没什么经验,可能会有些困难,这一动起手来才发现是大大的困难:(

一个主要的问题就是浏览器兼容问题,明明在firefox里放的好好的,到了IE里面就面目全非,到网上到处搜罗有关IE的小trick,有的管用有的也不是很成功,现在的结果就是大家看到的,firefox里面还好,IE6还凑合,IE5(还有人用吗:)就有点乱套,Safari什么的干脆我就懒得管了:P 最后还是不得不在上面加上说明:"推荐使用
firefox浏览本站",还能追追潮流显示自己是属于反M$阵营的,哈哈。

另一个问题就是Garland这款主题似乎不是很灵活,也许是我对CSS熟悉还不够,反正里面用了不少负的margin,relative position搅和得我有点头大。本来计划中的变动是要比现在大的,不过改来改去总是改不好,就变成了现在这样的折中方案。也许该找一个比较简明容易一点的模版上手,不知道已有的drupal template里面有没有什么好的推荐?

最后的问题当然还是配色,专业人士就是不一样,简单的几个色调就看着那么舒服,自己配来配去还是难看得很。现在这个已经是我最大的努力结果了,还基本是参照绿色Garland主题的配色来的,唉。

不过说来说去,自己改主题还是挺好玩的,也还有点成就感,以后有时间打算找几个WordPress或者其它open source的模版,转换到Drupal来试一下。特别是有时间重开我的money blog的话,打算把那里改造成那种两个边栏都在右边的那种三栏结构,感觉那样block的信息量还是挺大的。

Comments

1 - 匿名 (未验证)
呵呵,Garland 参照了不少 A List Apart的trick,那里有不少有用的资源, 负值的 padding,margin很多都是为了遮蔽用的,譬如 圆边角自适应长度的 tab 都必须用负值的padding才行
2 - 大米
嗯,那里我也去过几次,每次看得都头大,呵呵。有机会还是应该从头把css的基础再补一补,我现在都是trial and error,来回来去的试,蒙对了就对了,很多具体细节都不清楚,下会碰到了再同样来一遍,事倍功半亚:(

发表新评论

此内容将保密,不会被其他人看见。
  • 允许的 HTML 标签: <blockquote> <div> <a> <em> <strong> <cite> <code> <ul> <ol> <li> <dl> <dt> <dd> <img>
  • You can use BBCode tags in the text, URLs will automatically be converted to links.
  • You may post code using <code>...</code> (generic) or <?php ... ?> (highlighted PHP) tags.
  • Every instance of "<!--tableofcontents-->" in the input text will be replaced with a collapsible mediawiki-style table of contents. Accepts options for title, list style, minimum heading level, and maximum heading level as follows: <!--tableofcontents list: ol; title: Table of Contents; minlevel: 1; maxlevel: 3;-->. All arguments are optional and defaults are shown.
  • Every instance heading tags will be modified to include an id attribute for anchor linking.
  • Images can be added to this post.
  • 网页地址和电子邮件地址将会被自动转换为链接。

更多格式化选项信息