Blog

Unusual menu editor - Drop Down Menu Generator

 March 25, 2013  |  By Andrei Pogorelov


Drop Down Menus

The menu is the simplest, fastest and most convenient way to navigate. The success of a site directly depends on how well a menu works. There are many examples and complete libraries which can help you create a drop-down menu for your website. Unfortunately, almost all of them have the following drawbacks:

  • Poor compatibility with popular browsers

    This is the most serious problem. Experience shows that menus do not work equally well with all the popular browsers. The use of standards does not resolve the situation, because some of the more popular browsers do not fully support the latest standards.

  • Difficulties in adjusting the color, shape and structure

    Usually, a menu example includes: the CSS style, some images (arrows, textures, etc.), the structure as an HTML and the scenario in JavaScript. To give the menu the correct appearance, you will have to examine and correct the CSS classes and use a graphic editor to edit the images. This work is quite time-consuming and requires special skills.

  • A conflict between the menu's code and the code of your web page

    In some cases, after placing a menu on the page you will find that the menu itself or elements of the page are not correctly displayed. Such an occurrence could cause you to waste time and energy correcting a code of the menu and/or a code of your site.

  • Difficulties with updating the menu placed on your page

    Let's assume that you have placed the menu on your site and have completely adjusted it. The adjustments may seem perfect, but sooner or later there will be a need to change the structure or appearance of your menu. To make changes, you will need to study the code again, to edit images, etc. It is unproductive work.

  • Poor manufacturer support

    Usually, a problem arises after the release of a new browser version. Not all menu developers release updates on a regular basis. If so, you will need to adapt your menu to the new browser or to search for a new menu library on the Internet and spend your time adjusting it.


To avoid such problems, it would be helpful to have a special EDITOR which allows you to easily set the colors and form of your menu, its structure and that allows you to create a complete menu script with just one click of the mouse. This script must be able to be easily integrated into any website and immediately show your menu when the page is opened in the browser.


New editor - Drop Down Menu Generator

Inspired by the idea of such an editor, we have created a new WEB project: Drop Down Menu Generator. The main advantage of the system is that it does everything automatically, quickly, easily and displays the professional menu without additional customization required. From now on you will not need to dig into HTML, find the purpose of CSS classes, adjust for browser compatibility or use the graphics editor.


Drop Down Menu Generator

Drop Down Menu Generator consists of the following parts:

  • The Core

    The core of the system is a professional commercial product with a long history of development -- APNSoft Menu Control. This generates a script for your menu. The product is constantly evolving and improving. The regularly published updates are compatible with the latest browsers.

  • Templates

    A template defines the look of the menu. A template consists of a directory that contains the CSS file and a set of images (arrows, textures, gradients, etc.).

    To set a new color gamma for the entire template, just two mouse clicks are necessary. Using the Color Picker you choose a desired color. The program automatically calculates the color, brightness and saturation of each menu part, and simultaneously changes the CSS code and the color of each pixel in the images.

    It is important to note that the library has a large number of ready-to-use templates. New templates are added on a regular basis.

  • Structure

    This simple editor, based on drag-and-drop functionality, enables you to easily create a menu structure that displays multiple levels of hierarchy. The button (+) adds an element. Each element has a button (x) to remove it from the structure. In addition to using menu items, you can also use separators. These make your menu more convenient for site visitors.

  • ZIP archiver

    Once you have created your menu in the Drop Down Menu Generator, your menu can be downloaded as a ZIP archive. The archive contains only one directory, which includes images and main script file "MyMenu.JS". Menu structure and CSS style are inside the JS file.


Placing the menu on your page

To place the menu on your web page, first extract the folder from the ZIP file and place it in your WEB project. Then you add the reference to the "MyMenu.JS" file between the <head></head> tags of your page. Finally, you place a DIV with special ID anywhere on your page that you want your menu to show up. Done!


Drop Down Menu Generator - Deployment

A single menu instance can be used to show your menu on multiple pages. Pages can be placed into subdirectories. Since a menu is a single folder, it is enough to replace the old folder with a new one to see an updated menu immediately on every page without additional effort.


The basic characteristics of the menu created by the editor:

  • Cross-Browser Support (IE 7.0+, Firefox 0.8+, Chrome 6.0+, Safari 1.2+, Opera 7.5+, etc.)
  • Multiple levels of hierarchy
  • Horizontal or vertical orientation
  • Multilingual support
  • Nice-looking transition effect
  • Real PNG shadows
  • Semi-transparency
  • Support for tooltips
  • Submenus are displayed over Flash movies and HTML select boxes
  • The code is dramatically small
  • No third-party libraries (like jQuery)
  • Multiple menus on a single page are allowed


Conclusion

Since the launch of the Generator, many people have begun actively using our project. We have received a quantity of positive feedback. So, we intend to develop the project further. In the near future we plan to add a library of icons, scroll bars for the high submenus, the possibility of using a simple HTML code in the menu items, and much more.

The system is FREE. If you need technical assistance, please contact us. We will be especially glad to hear suggestions on how to improve our Drop Down Menu Generator.


Links

Main URL: http://www.dropdownmenugenerator.com
Generator: http://www.dropdownmenugenerator.com/Generator.aspx
Support: http://www.dropdownmenugenerator.com/ContactUs.aspx