你在这里

轻松添加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下拉菜单到drupal主题 来自drupal花园

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

5.添加样式

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


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

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

附件尺寸
Package icon sf.zip5.6 KB
Image icon menu.jpg97.32 KB
评分: 

猜你喜欢