重新制作了 Drupal 的主题
11
Apr
2009
5 Comments
Category:
Drupal
春天的周末,抽空重新作了一个 Drupal 的主题。很久没有亲自操刀了,图省事,用了不少官方网站直接提供的主题,但是实际上,也没有省多少事情,因为每一款主题安装后都要不断地修正。比如为英文网站设计的主题在显示中文的时候普遍文字过小,12px 的字体看上去很吃力,所以必须调整,还有各个组件的摆放,自己订制的 block 的显示等等。所以又重新装了 Adobe Master Suite CS4,自己动手。
设计非我所长,所以主要是参照了一款 Wordpress 的主题:Marine。有些不错的地方,很喜欢这个颜色的搭配,春天了;也有些我不需要的地方,所以还是按照习惯,在 Firework 里画了草图:
图画完,做起来就快了,base theme 用的是 zen,这是一款空白的 theme,只需要按照设计图写入 CSS 即可,不过因为主题的需要,我还是改动了 page.tpl.php 和 node.tpl.php,主要是圆边角的显示,为了以后更改的方便,所以没有采用一张背景图片的方法,而是使用了三个 div 拼接;也写了一小点儿的 PHP code,因为我需要用到标题上那样的日期显示,Drupal 默认的日期是不行了,所以重新用 date() 函数format了 $created 变量。
然后就没什么了,按部就班,参照 Marine 的 CSS,所以省去了不少计算的麻烦,不过我的 header 因为和 Marine 不一样,所以还是不得不在 Maple 里算了尺寸长度(杀鸡用牛刀,呵呵)。header 上的花藤是一种叫做 Painted 的字体,比用 Photoshop 的 bursh 要方便很多,虽然形状比较单一。
就这些了,最后,我们为这个主题想一个深远的含义吧,就像分析小学课文一样:头顶的一丝蓝天与背景的大片黑暗 —— 所以小朋友要好好学习:)
- kzeng's blog
- Quote
- 1531 reads
Comments
Apr 13 2009 @ 02:46:27
没有以前的好看啊,这个颜色太轻飘了
Apr 13 2009 @ 03:49:20
是不是有些刺眼,让人觉得晕?我在不同的显示器上看到效果不大相同,大概是显示器亮度、对比的不同
Apr 15 2009 @ 09:55:17
这个看起来不协调阿
Apr 16 2009 @ 02:41:30
等我有时间把颜色换成原来那个主题的,呵呵
Jul 30 2010 @ 02:48:33
Hej, I just run into your blog. I am a graphic designer, who recently got in involved with Drupal. So I would like to know more people who are interested with the same system. So, if you got time, you are more than welcome to visit my site, or write me back on mail.
Post new comment