Nice Menus模块的安装使用

Nice Menus模块的安装使用

Nice Menus 多级菜单 http://drupal.org/project/nice_menus

星期四, 2008-09-11 13:40 - play

因为某个站点的需要，我想找到一个能让Primary links菜单实现多级的下拉菜单，第一个让我想到的就是Nice Menus模块，由于在我刚接触drupal事曾安装过很多模块来熟悉，Nice Menus模块就在其中，但当时只是好奇，因为没有作站的需要，一直没有再安装过。

下面讲解一下我的安装过程和问题解决

• 服务器环境：xampp-win32-1.6.7
• drupal 版本：5.10
• 主题模版是 garland 复制品
• Nice Menus 版本：5.x-1.2

安装启用Nice Menus模块后，简单的设置一下，在Nice Menus模块的管理页增加一个菜单，URL：admin/settings/nice_menus

Number of Nice Menus:的下来选单，选"1" 保存

然后到URL： admin/build/block
在禁用的区块列表中找到：Nice Menu 1 (Nice Menu) 点击配置

在Source Menu Tree:
选：Primary links

Menu Style:
选：down

保存后，编辑主题page.tpl.php

删除：

<?php if (isset($primary_links)) : ?>
<?php print theme('links', $primary_links, array('class' => 'links primary-links')) ?>
<?php endif; ?>
<?php if (isset($secondary_links)) : ?>
<?php print theme('links', $secondary_links, array('class' => 'links secondary-links')) ?>
<?php endif; ?>

添加：

<?php print theme('nice_menu_primary_links'); ?>

保存后，刷新主页看看效果。

Nice Menus模块的默认样式风格的确不好看，要达到自己要的风格还需要修改CSS样式表文件。

大致读了一下Nice Menus模块目录的nice_menus.module文件
行64：function nice_menus_menu($may_cache) {

// Add main CSS functionality.
drupal_add_css(drupal_get_path('module', 'nice_menus') .'/nice_menus.css');
// Add custom CSS layout if specified.
if ($custom = variable_get('nice_menus_custom_css', '')) {
drupal_add_css($custom);
}
// Fall back to default layout.
else {
drupal_add_css(drupal_get_path('module', 'nice_menus') .'/nice_menus_default.css');
}

导入了模块目录的nice_menus.css文件，并判断有没有使用自定的CSS文件，没有就导入了模块目录的nice_menus_default.css文件

Nice Menus模块的管理页很简单，根本就没有设置自定的CSS文件的地方，后来才发现在"管理 - -站点创建 -- 主题 -- 设置" URL为：/admin/build/themes/settings

关于自定CSS文件的事，我也看过README.txt，后来又仔细看才发现，有这个提示。（都怪咱英语不好啊，又不细心~）

在看Nice Menus模块目录的nice_menus.module文件代码时，有点令我不解
行64：function nice_menus_menu($may_cache) {中

drupal_set_html_head('<!--[if IE]>
<script type="text/javascript" src="'. check_url(base_path() .'misc/jquery.js') .'"></script>
<script type="text/javascript" src="'. check_url(base_path() .'misc/drupal.js') .'"></script>
<script type="text/javascript" src="'. check_url(base_path() . drupal_get_path('module', 'nice_menus') .'/nice_menus.js') .'"></script>
<![endif]-->');

如果是IE浏览器，下面2个.js文件要重复加载了啊

<script type="text/javascript" src="/misc/jquery.js"></script>
<script type="text/javascript" src="/misc/drupal.js"></script>

Nice Menus在IE6下，当鼠标指针触发出2级菜单，弹出的2级菜单会被临近的1级菜单档住一部分，而且经常会出现鼠标指针选不住2级菜单。

Del.icio.us : drupal 模块