myMenu

Download

Before installing myMenu onto your computer, you must first download it from the NimbleHost website.

After completing a purchase on the NimbleHost website, we will provide two ways for you to download your items:

  • Immediately after the sale is completed, you will be redirected to a special page with a download link for each item you purchased. You can use those download links to download each item to your computer.
  • After the purchase is completed, we will send you an email to the address you specified during payment. That email contains download links where you can download each item to your computer.

Install

  1. Locate the file you downloaded to your computer. It will most likely be in your Downloads file, and will be called "myMenu-v2.0.0.dmg" or similar.3175
  2. Double-click on that file, and a new Finder window should appear displaying the contents of your download. If a new Finder window does not appear (if you're using Mac OS X Lion it may not automatically display), click on the Finder icon located in the Dock. The Finder window, once you've located it, should look similar to the image shown to the right here.
  3. In that new Finder window you will see a file called "myMenu.stack" shown as a yellow stack icon. If the icon is a folder, rather than a yellow stack icon, see this article on the Yourhead Software support site for Stacks.
  4. Double-click on that file, and it will automatically be installed for you.
  5. Restart RapidWeaver.

After following these steps, the next time you start RapidWeaver myMenu will be located in the Stacks library, which is accessible from any Stacks page.

Updating

In Stacks 2, update notifications are displayed with a small red symbol in the lower right corner of the myMenu icon in the Stacks Library. Once that red symbol has appeared, select myMenu, then apply the update by clicking on the small gear icon in the lower right corner of the Stacks Library, and selecting "Install Update".

Please Note: In Stacks 2, updates may take a few minutes to appear. According to Isaiah, the developer for Stacks, this is by design, so that checking for updates doesn't interrupt your workflow. You may need to restart RapidWeaver before the update will show up, and it may take 5-10 minutes before displaying.

This section contains the main configuration settings for the myMenu stack. Each option in this section is explained in detail below.

Configuration

Orientation - Here you can choose from "Vertical" or "Horizontal". This will affect how the first level of menu items is displayed, but not second level or deeper menu items.

3181

Display Type - This setting will change how the menu is displayed on your website. With the exception of the "In place" option, each of these options will move the menu out of the main content area, and place it where you have specified with the "Side Distance" and "Top Distance" options.

  1. In place (next to your content) - This will keep the menu displayed exactly where you add the stack to your page.
  2. Static - The menu will stay in place when the page is scrolled. As a result, it may be hidden from view when the page is scrolled up or down.
  3. Scroll with page - The menu will remain "fixed" in place so that even when the page is scrolled, the menu will remain in view.
  4. Scroll, open on hover (vertical only) - Like the scroll option above, except the list of menu items is replaced with a single label (the "Navigation Label"). When hovering over that label the rest of the menu items will slide into view. This option can only be used when the Orientation is set to "Vertical".
  5. Float - The menu will float into view with the page as it is scrolled up and down.
  6. Float, open on hover (vertical only) - Like the foloat option above, except the list of menu items is replaced with a single label (the "Navigation Label"). When hovering over that label the rest of the menu items will slide into view. This option can only be used when the Orientation is set to "Vertical".

Side Distance - This is the amount of distance from the left edge of the browser window, to the left edge of the menu.

Top Distance - This is the amount of distance form the top edge of the browser window, to the top edge of the menu.

Navigation Label - This label will be shown in place of the menu when certain options in the Display Type section are chosen. Hovering over this label will cause the menu items to slide into view.

Layout

Menu Width - This will adjust the width of the menu and submenu items. When the Orientation is set to "Horizontal" this width will only apply to submenu items.

3182

Menu Drop Shadow - When checked, this option will add a drop shadow effect to the menu. To remove the drop shadow, uncheck this box.

Border Radius - Use this setting to adjust the rounded corners of the menu. To remove rounded corners move the slider all the way to the left, to zero.

Custom Items

Add Custom Menu Items - Check this box if you want to add your own custom items to the menu.

3183

Placement - Use this setting to choose where you want your custom items to be displayed relative to the built-in menu items for your website.

Hide Built-in Nav Items - Check this box if you want to hide the built-in menu items for your website. This option is useful for when you only want to display your own custom menu items.

Colors

Transparent Background - Check this box if you want the background of your menu to be transparent.

3184

BG Top Color - This sets the color of the menu background, at the top. In combination with the BG Bottom Color, this will allow you to create a color gradient if you choose different colors for each. For a solid background color, set both BG Top Color and BG Bottom Color to the same color.

BG Bottom Color - This sets the color of the menu background, at the bottom. In combination with the BG Top Color, this will allow you to create a color gradient if you choose different colors for each. For a solid background color, set both BG Top Color and BG Bottom Color to the same color.

Normal Text - This is the text color for regular menu items.

Hover BG - This is the background color of menu items when they are hovered over.

Hover Text - This is the text color of menu items when they are hovered over.

Current BG - This is the background color of the currently selected menu item.

Current Text - This is the text color of the currently selected menu item.

Top Border - This is the color of the top border for menu items.

Bottom Border - This is the color of the bottom border for menu items.

Advanced

z-index value - This value is used to control whether the menu appears above or below other content on the page. A higher number will make the menu appear above other content. A lower number (including negative numbers) will make the menu appear below other content.

3185

Hide Theme Nav - Enter the id/class name for the HTML container where your theme's built-in menu is displayed. When a value is entered here, the myMenu stack will then hide your theme's built-in menu. Please note - this is an advanced feature that can cause layout problems. Only use this setting if you are aware of the repercussions.

The myMenu stack enables you to create your own custom menu items. You can use this to create additional menu items that will be displayed with the built-in navigation, or you can choose to hide the built-in navigation so that only your custom menu items are shown.

Adding Custom Menu Items

  1. In the myMenu - Custom Items section, check the box called "Add Custom Menu Items". After doing so, the myMenu stack should look similar to the screenshot on the right.3186
  2. From the Stacks Library drag a myMenu Custom Item stack onto the gray "Drag stacks here." section to the right of the directions.
  3. Edit the text for each custom menu item.
  4. With the custom menu item selected, click on the "Set Link" button (in the right sidebar where stack settings are displayed) to set the link.
  5. Drag and drop to rearrange the order of your custom menu items.

If you would like to display your custom menu items together with the built-in navigation, you can choose where you want the custom items displayed - either before the built-in navigation, or after it.

To access this setting select the myMenu stack itself (not a myMenu Custom Item stack) and use the Placement option located in the myMenu - Custom Items section.

Yes. As long as they are installed on your Mac and show up in the Stacks Library, you can use them in your RapidWeaver websites without them conflicting with the new version.

If you used the built-in update feature that is part of the Stacks plugin, then you will need to restart RapidWeaver after updating to myMenu v2.0.

This is because the "Custom Item" stack is new to myMenu, and RapidWeaver must be restarted in order for newly installed stacks to show up in the Stacks Library.