Use Fish Eye Menu, to create fantastic fluid menus with a Mac OS X toolbar look. Use FishEye menu for your website, make galleries, portfolio's, menu's or anything else where you need a cool navigation. All without Flash, pure JavaScript and CSS. Use effects that will make your eyes pop out! Choose from one of the many predefined styles or create your own, there will always be a menu that suits your needs!
Fish Eye Menu Manual
Creating a website menu with the supplied DMXzone template Icons
Introduction
Use these great Icon sets for many purposes, no matter what design your site has, there will always be a great Icon set for it in the gallery. In this tutorial we're going to insert a menu in your website using the template Icons. We'll be selecting a blue style which results in the following menu:
Applying the menu – Inserting the Icons
- Create a
new HTML page
Create a new or open an existing HTML page. - Applying
the extension
Choose the
icon from the object bar to apply
the extension, the Fish Eye Menu appears.
- Setting
the General Options - Name
The name field is created by default to identify the menu, we don't change the name as you don't need to. - Setting
the Icons Options – Import images from the Image Gallery
If you don't have your own set of images you can use one of the great images we provide with the extension. Press the Import images from the Image Gallery button to open the Fish Eye Design Chooser.
Note: Your Fish Eye Designer might differ from the screenshot above.
The Blue bar displays the folder name.
Each folder contains a set of Icons that is displayed by a preview icon, we've scrolled down a bit to select the "blue" set.
After selecting the blue style, you'll see the complete set of icons.
By default All Icons in the set are selected, you can also deselect certain icons, that you don't want to use for your menu by un-checking the checkbox in front of their name. Select the Import button to load the icons.
- Rearranging
the menu
Use the Move row up and Move row down buttons to arrange the order of your menu items.
We move the Home button to the first location, the mail icon to the fifth location and the contact icon to the last location.
- Setting
the Icons options – Title
Enter the name that is to be displayed above or below the button in the Title field. The Title will be displayed above the button when the button is zoomed in.
- Final
steps
Set your icon options, press Ok, save your files, upload them to your server (including the script library) and the result should be similar to the image below.