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级菜单。

fa1888eee792d80a63d09f1d.jpg.png

Nice Menus模块的安装使用

Nice Menus模块的安装使用

你可能感兴趣的:(menu)