Tapestry

A Drupal Theme

Suckerfish Menu

  • Features
    • 20 Color Styles
    • 30 Regions
    • Custom Block Themes
    • Suckerfish Menus
    • Flexible Page Layout
    • Easy Configuration
    • Icon Support
    • Custom Typography
    • IE PNG Fix
  • Handbook
    • Installing Tapestry
      • Installing the Theme
      • Installing ThemeSettingsAPI
      • Configuring Tapestry
      • Installing BlockTheme
      • Configuring BlockTheme
    • Using Tapestry
      • Using Regions
      • Using Sidebars
      • Using Block Themes
      • Using Suckerfish Menus
      • Using Icons
      • Using Primary Links
      • Using Custom Typography
      • Using The IE PNG Fix
    • Customizing Tapestry
      • Adding Icons
      • Creating Block Themes
      • Creating New Styles
    • Troubleshooting
      • Setup Issues
      • Layout Issues
    • How Do I...
      • Put Images In a Block
      • Place Ads On My Site
    • Credits
  • Forums
  • Download
  • RoopleTheme
    • About RoopleTheme
    • RoopleTheme.com
    • Contact RoopleTheme
    • Donate
  • Home
  • Help
  • Contact

Tapestry Handbook

  • 1. Installing and Configuring Tapestry
  • 2. Using Tapestry on Your Site
    • 2.1. Using Tapestry Regions
    • 2.2. Using Tapestry Sidebars
    • 2.3. Using the Block Theme Module
    • 2.4. Using Suckerfish Menus
      • 2.4.1. Adding Admin Options to the Suckerfish Menu
    • 2.5. Using Tapestry Icons
    • 2.6. Using The Primary Links Menu
    • 2.7. Using Tapestry's Custom Typography
    • 2.8 Using The IE PNG Fix
  • 3. Customizing Tapestry
  • 4. Troubleshooting
  • 5. How Do I...
  • 6. Credits

2.4. Using Suckerfish Menus

Submitted by roople on Thu, 01/31/2008 - 08:29.

Suckerfish Menu

Suckerfish Menu AdminTapestry has son-of-suckerfish menus integrated into the theme. Using this feature, you can create a standard Drupal menu and present it as a dynamic drop-down menu that is compatible with most browsers.

Tapestry provides a region called suckerfish menu. If you publish a standard Drupal menu in this region, it will be displayed as a suckerfish drop-down menu. However, there are a few things you need to do in order for everything to work correctly.

To start with, you'll need a menu. You can create a new menu in Drupal by pointing your browser to /yoursite/admin/build/menu and clicking on the Add Menu tab. After creating a menu, you'll want to add your menu items one at a time by clicking on the Add Item link and entering the item information. Use the Parent Item selection box to organize your menu items into the desired structure.

It is very important that all Parent Menu Items in a suckerfish menu have the Expanded checkbox enabled. This option instructs Drupal to generate HTML code for the entire menu structure. If you do not enable this feature for a particular parent menu item, you will not see its child menu items.

Suckerfish Menu EditOnce you've create a menu and enabled the Expanded option for all parent menu items, you can publish the menu to the suckerfish region. Point your browser to /yoursite/admin/build/block and select the suckerfish menu region from the selection box next to your menu block name. Then click the Save Blocks button.

Tapestry's suckerfish menu is designed to present a single horizontal row of top-level menu items. If you publish a menu that has too many top-level items to fit in one row, you're not likely to get the behavior you expect.



Important! Internet Explorer 6 has a bug related to the CSS hover attribute that prevents pure CSS suckerfish menus from working correctly. Tapestry provides a javascript file that will work around this problem and allow suckerfish menus to work correctly in IE. If you want to use this feature, you must enable the 'Enable Suckerfish Javascript for IE6' checkbox on the theme settings page. If you do not enable this option, suckerfish menus will not work in IE6.

  • 2.4.1. Adding Admin Options to the Suckerfish Menu
‹ 2.3. Using the Block Theme Moduleup2.4.1. Adding Admin Options to the Suckerfish Menu ›
  • Printer-friendly version
  • Login to post comments
Copyright © 2008 RoopleTheme™. Site powered by Drupal!
RoopleTheme