linlu11 的博客

Nice Menus模块的安装使用

Nice Menus模块的安装使用

因为某个站点的需要,我想找到一个能让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级菜单。

fa1888eee792d80a63d09f1d.jpg.png

Del.icio.us : drupal 模块

posted on 2009-11-09 22:46  linlu11  阅读(716)  评论(0编辑  收藏  举报

导航