http://club.coolmaps.com
tomorrow's fusion today
GraphicMenu Tutorial

getting started with GraphicMenudownload the tutorial in PDF
GraphicMenu allows you to easily combine custom graphics to build a dynamic navigation menu.

Please, do not be fooled. It is your responsibility to provide the images necessary to construct a GraphicMenu. Without images supplied by you, the component is absolutely useless.

To better explain the image requirements, take a look at the example. To create that one example, it was necessary to create eleven different images. They are the following:

Item
Menu Closed
Menu Open, Normal

Menu Open, Highlighted

Home
Page 1
n/a
Page 2
n/a
Page 3
n/a
Page 4
n/a

Key Points:

  • All menu items require two images: a highlighted state and a non-highlighted state. In addition, the menu title (in this case "Home") requires an additional graphic that will be visible when the menu is closed.
  • All "states" of a menu item must be the exact same size. That means, if the "Normal" image is 100x25 pixels, the "Highligted" image has to be 100x25 pixels (and in the case of the Menu Title, the "Menu Closed" state has to be 100x25 pixels).
  • All menu items must have the exact same width (excludes Menu Title). That means if the first item is 100 pixels wide, all proceeding menu items must have a width of 100 pixels.
  • Image height can vary from menu item to menu item.
  • The Menu Title can be of a different height and width than that of the menu items.

Getting started with GraphicMenu is easy!

  • Run the installation program. Check the box next to the version(s) of Fusion that you have installed on your machine (4/5/MX/7).
  • Launch Fusion.
  • If the coolmaps.com component toolbar is not visible choose View > Toolbars > Component Tools > coolmaps advanced
  • Select the GraphicMenu component and drag it out to an area on the page.

The GraphicMenu Properties now appears in Fusion's properties palette.

GraphicMenu v5 Properties

Please note that GraphicMenu is modular. In order to create a single menu bar, it is necessary to drop an instance of GraphicMenu for each menu you want on the menu bar. After configuring each menu, you can then arrange them so that they create a menu bar.

[ To GraphicMenu Options ]

[ to top of page ]

to home page
back next
 
member of club xChange
downloads contact us site map
Step 1 Step 2 tutorials components home