龙盟编程博客 | 无障碍搜索 | 云盘搜索神器
快速搜索
主页 > web编程 > php编程 >

drupal 添加下拉菜单

时间:2014-07-22 14:52来源: 作者: 点击:
分享到:
h2 /h2div h31. 获取文件/h3 p首先,下载本文的附件,然后解压并放置在你的主题下。/p h32. 添加一个新的区域/h3 p打开你主题下的info文件,在区域列表中加入Superfish Menu区域。假如之前区域

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

 

然后在主题里的php.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.cssstylesheets[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中有你将要编辑的颜色。祝你好运!


标签: <无>

代码片段(1) [全屏查看所有代码]

1. [文件] sf.zip ~ 6KB     下载(101)     [全屏预览]

精彩图集

赞助商链接