15、Drupal主题开发全解析

Drupal主题开发全解析

1. 主题开发者模块的交互功能

主题开发者模块具备交互特性，能让你获取屏幕上任何渲染对象的信息。操作步骤如下：
1. 点击屏幕底部的Themer info按钮，开启交互窗口。
2. 点击任意对象，会显示调用的模板以及创建该对象所涉及的函数。

2. 使用CSS类进行页面样式设置

当前任务是将四天天气预报从垂直列表改为水平列表，同时放大当前天气状况的图形并更改字体大小，仅使用CSS完成。
1. 打开之前创建子主题时生成的CSS文件first_subtheme.css。
2. 根据网站生成的HTML内容创建不同类的CSS规则，示例代码如下：

.block-weather-info.block { padding-left:5px; padding-right:5px; } .block-weather-info h2 { font-family:Arial Narrow; font-size:14pt; font-weight:bold; text-align:center; } .currentConditions { font-family:Arial Narrow; text-align:center; font-size:12pt; } .currentConditions img { width:100px; } .forecast-2, .forecast-3, .forecast-4 { font-family:Arial Narro