操作：创建自定义主题

让我们看看如何通过修改一个Drupal的主题来创建我们的主题。有很多好的主题可以作为我们的
”起点主题“。drupal的第三方主题(http://drupal.org/project/Themes)就是为了这个目的设计
的，比如zen主题(http://drupal.org/project/zen)，但在我们的例子里，我们从一个drupal内核
提供的主题开始。它就是Bluemarine，如图11-5

 图11-5. Drupal 内核的Bluemarine 主题

Bluemarine是Drupal 5的默认主题。它使用表格布局，和如今使用CSS布局不起来有点过时了。然而，为了
让我们起步的主题简单且干净，我们才选用它。现在让我们看看如何自定义它。
图11-6展示了Bluemarine 主题的文件夹。这里包含了模板的覆盖文件。这里也有一个logo的图片和主题的
抓图。.info文件也在那里。主题的主要CSS文件叫style.css，还有一个style-rtl.css文件，它是用来支持
从右到左阅读的语言的，比如阿拉伯语。

        图11-6. Bluemarine 主题文件

创建一个主题文件拷贝

自定义一个主题的第一步是复制一个主题的拷贝放到sites 文件夹的合适地方。我们可以认为sites 文件夹
是放你自己东西的地方。所有你自定义的东西，包括安装的模块，和主题都因放在这个文件夹下。对于大多数的
站点，都要把主题放在sites/
all/themes里。Drupal 可以自动发现子目录，所以这里你可以自由组织。

1.确保sites/all/themes存在，然后把bluemarine文件夹复制进去。
2.把这个文件夹重命名为 newmarine.
3.重命名bluemarine.info 为newmarine.info
4. 打开newmarine.info文件，然后编辑这个文件。
只是将在主题列表管理中显示的内容。

; $Id$
name = Newmarine
description = Table-based multi-column theme based on Bluemarine.
version = VERSION
core = 6.x
engine = phptemplate

你可能注意到所有从Drupal.org下载的文件中的第一行都是以$Id:开始，后面是 一个名字和时间信息。这个是一个特殊的ID标签，它是Drupal.org 上的版本控制 系统的版本标识。你自定义的文件不需要这个，但是有它在也没什么影响。如果 你不决定把你的工作贡献给社区，你需要确保你的文件以这一行开始。空版本的 字符串是$Id$。

5.到Drupal 主题的管理页(Administer→Site building→Themes(admin/build/themes)
启用这个新主题，如图11-7。点击“Save configuration”切换主题。

图11-7. 选择Newmarine 为默认主题

5.到Drupal 主题的管理页(Administer→Site building→Themes(admin/build/themes)
启用这个新主题，如图11-7。点击“Save configuration”切换主题。

现在你应该可以看到你的新主题了。现在他和Bluemarine是一样的，但是我们马上就会改变它。
在我们要进入主题里面的前最后的一步是添加一些内容进去，让我们可以看到改变。

1.到 Administer→Site building→Modules (admin/build/modules)，启用下列模块
• Development package
— Devel generate
2.到Administer→Generate items (admin/generate)然后点击“Generate categories”链接，
我们将创建一些分类，这样我们可以下一步加入这些节点。
3.默认已经满足我们的需要了，点击“Do it!”按钮，创建这些分类。
4，返回到 Administer→Generate items (admin/generate)然后点击“Generate
content”链接。这里，大多数默认的就可以了，但是我们要添加一些我们的内容。
5，在“How many comments per node would you like to generate?”输入100，评论也是100
6，我们也想用我们的taxonomy词汇，选中“Add taxonomy terms
to each node”
7，点击“Do it!”，你就会有一个充满内容的站点了。

改变CSS

 在你开始编辑CSS之前，到Administer→Site configuration→
Performance (admin/settings/performance)，确定Optimize CSS
files”设置没有开启。如果这个设置开启，对这个CSS文件的修改不会马上生效。现在我们可以开始工作了。
让我们添加一个内容项目的边框，让他们突出起来。

1.打开Newmarine的 style.css文件。

2.到232行找到以下规则

.node {
margin: .5em 0 2em; /* LTR */
}

3，修改为

.node {
margin: .5em 0 2em; /* LTR */
border: 1px dashed #ccc;

padding: .5em;

}

4，保存文件，然后刷新网页。

你的页面上在节点周围将出现点线框，如图11-8.如果没有变化，强制刷新浏览器，按住Shift 键让后
刷新。

 图11-8. 节点周围有点线的Newmarine 主题

现在我们有一个新的主题了，我们可以自由的修改CSS样式了。