轻松添加Superfish 下拉菜单到drupal 主题

1. 获取文件

首先，下载本文的附件，然后解压并放置在你的主题下。

2. 添加一个新的区域

打开你主题下的info文件，在区域列表中加入Superfish Menu区域。假如之前区域一个也没有的话，

那么你有必要将drupal 6主题下的默认区域都添加上，如下：

regions[header] = Header Blocks 
regions[content] = Main Content 
regions[left] = Sidebar Left 
regions[right] = Sidebar Right 
regions[footer] = Footer 
regions[superfish_menu] = Superfish Menu

然后在主题里的page.tpl.php中打印Superfish Menu区域，外面用一个id为 #superfish的div包着。

<?php if ($superfish_menu): ?>
<div id="superfish"><?php print $superfish_menu; ?></div>
<?php endif; ?>

3. 加载JS和CSS

返回到主题下的info文件，加入以下代码：

 ;Superfish Stuff 
stylesheets[all][] = sf/css/superfish.css 
stylesheets[all][] = sf/css/theme.css 
scripts[] = sf/js/superfish.js

还需要添加以下代码到page.tpl.php文件的head标签里：

<script type="text/javascript">
  $(document).ready(function() {
    $("#superfish ul.menu").superfish();
  }); 
</script>

此刻，你需要清一下主题的注册表（到性能设置下清空站点的缓存），这样新的info代码就写入了主题的注册表。

4.创建一个菜单并载入

这步就很容易了-创建一个新的drupal菜单，在菜单设置里，将父级列表设为“展开（expanded）”。

如下图：

然后，到区块管理页面，将这个菜单区块放置到superfish_menu区域。

5.添加样式

sf/css/theme.css中有你将要编辑的颜色。祝你好运！

本文东方龙马翻译自：http://adaptivethemes.com/add-superfish-drop-menus-to-any-theme-easily

转载请注明出处：来自drupal花园 http://drupalgarden.cn/node/263