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 :

你可能感兴趣的:(menu)