What's New

February 15, 2017



  • Blog post: Drop-Down Menus: Tips and Tricks

    In this short post, I’m going to show how to use Menu Generator more effectively. The main goal is to make a website menu most user-friendly.


    Drop-Down Menus: Tips and Tricks

    Read More: http://dropdownmenugenerator.com/Blog.aspx?ID=20160115



  • Video Tutorials

    Our free video tutorials will quickly guide you through everything you need to know about Menu Generator.


    Creating a Simple Drop-Down Menu
    (1:42)

    Adding Menu to a Web Page
    via Embed Code (0:38)

    Element Types
    (2:04)

    Multi-Column Submenus
    (0:54)

    Here’s a complete list of video tutorials: http://dropdownmenugenerator.com/Videos.aspx



  • Right float elements

    The Right float property specifies that the element will float on the right side.


    Right float property



  • New property: Hoverable

    Uncheck the Hoverable checkbox (on the "Element Properties" tab) if the Link Element or Image Element must not be highlighted when a user moves the mouse over it.



  • Improvements and bug fixes

    • The new design of Structure Editor to better serve you.
    • Universal Embed Code; it can be used for both "HTTP" and "HTTPS" URLs.
    • Enhanced the site performance by better data compression.
    • Fixed the bug with "&" symbol in the Responsive menu.
    • Fixed the bug with Arial Black font in Mozilla Firefox browser.
    • Fixed the bug with an incorrect width of the vertical menu.
    • Several minor bugs are fixed.




November 16, 2016



  • Element Paddings

    The padding property allows you to specify how much space should appear between the content of an element and its border. You can set different padding values (horizontal or vertical) for the main menu and submenus.


    Element Paddings



  • New Icons

    Menu Generator now includes the collection of 123 most popular icons.
    Added new icons: Phone, Smartphone, Instagram, Headphones, Share, Hashtag, and More.


    New Icons



  • Starter Plan

    Menu Generator introduces the new Starter Plan which is a "light" version of the main Basic Plan.

    Starter plan is suitable for customers who need a single menu for a small website. It includes all the main features such as multiple levels of hierarchy in the structure, full access to Template Library, customizable arrow indicators, etc., and allows you to create a professional menu for your website.

    Learn more about plans and pricing here.



  • Embed Code with unique identifier

    Some browsers are very zealous in using cached copies of JavaScript files. This leads to a problem when you update the menu in Menu Generator, but the user's browser keeps on using the cached (old) copy.

    Now Embed Code includes a hash value as a unique identifier which forces the browser to display the latest version of your menu.


    Embed Code with unique identifier



  • Submenu mouse events

    You can now use different events to open/close submenus.

    • Mouse event to show - specifies a value indicating whether the submenus are opened by mouse click or automatically when the user moves the mouse pointer over the menu element.
    • Mouse event to hide - specifies a value indicating whether all of the opened submenus are closed by mouse click outside the menu or automatically when the mouse goes away.



  • Improvements and bug fixes

    • Fade effect - specifies whether the menu displays the submenus with animated Fade effect.
    • Image Element - now you can change the image without deleting the element.
    • Live Demos - you can now load the live demos in Menu Generator for editing.
    • Several minor bugs are fixed.




March 31, 2016



  • Image Element

    Added support for images in menu elements.

    Menu now consists of the four types of elements: Links, Headers, Separators, and Images. Image Element is similar to the Link Element. It includes a raster image, text (label) and link (URL) to the web page or document.

    People process visual information faster. Adding images to the menu provides visitors with visual clues about the site content and adds a nice design touch to your site.


    Menu elements



  • Live Demo: Menu with Images

    This example shows the menu which is based on Image Elements. The "DIY Projects" submenu is split into columns (including Header Elements).


    Menu with Images



  • Blog post: Creating Advanced Drop-Down Menus

    Today, a simple CSS menu is the most common tool for website navigation. Unfortunately, in many cases, a CSS menu does not meet all requirements of usability.

    In this short post, I will show you how to create a truly user-friendly website menu with the following "sweet" features:

    • Headers & Separators
    • Arrow indicators
    • Icons
    • Multi-column drop-down menu


    Creating Advanced Drop-Down Menus

    Read More: http://dropdownmenugenerator.com/Blog.aspx?ID=20160115



  • Show/Hide Elements

    The Visibility property allows hiding an element without deleting it. Hidden elements are displayed in the structure tree as semi-transparent.



  • Image preloading

    Menu now uses a special mechanism for image preloading.

    Preloading is a technique where the image is downloaded to the cache before it's needed. That way when the image is really needed it can be retrieved from the cache and displayed immediately.

    Thus, a background image of the hovered element (or submenu background image) appears now immediately and without "empty squares".



  • One style for multiple menus

    Now only one style (Web Font, Icon Set) is used for multiple menus placed on the page. This significantly improves performance of the page with multiple menus.



  • Line breaks in Tooltip

    Tooltip now has support for line breaks. To add a line break, use the "<br>" tag. Example: Line1<br>Line2



  • Several bugs are fixed.




December 23, 2015



  • Links, Headers, and Separators

    Menu now consists of the three types of elements: Links, Headers, and Separators.

    • Link is a basic menu element. It can include an icon, text (label) and link (URL) to the web page or document. The browser is directed to the URL when a user clicks the Link Element.
    • Header is a useful element which allows organizing the menu elements into groups.
    • Separator is a simple element which represents a thematic break between the groups of elements.


    Menu elements



  • Multiple-Column Drop-Down Menu

    Drop-down menu (submenu) can now include a division of various categories in a single panel. This new feature gives an effective solution to displaying a lot of content while keeping a clean layout.


    Multiple-column drop-down menu


    This Live Demo shows the menu with multiple-column drop-down menu. Details:

    • The "Products" submenu is split into three columns.
    • Elements are arranged into groups (with headers).
    • The "All Devices" element has also a submenu.
    • The submenu includes a vertical line between each column to make the layout more visually appealing.



  • Referral Program

    Our Referral Program is simple. For each person you refer who makes a purchase (for the first time or renewal), you will get 3 free months to your subscription. Also, when someone uses your link to sign up, they get 20% off for the first order.

    Find your own unique referral link on the Account Settings page and share it on Facebook, Twitter, Pinterest or your blog - wherever your friends can see it. Or, use the direct share buttons which include your referral link.


    Referral Program



  • Several bugs are fixed.




October 13, 2015



  • Custom Icons

    Menu Generator includes the fixed collection of 100+ most popular icons. Now you can import your own icon sets and use them for the menus in Menu Generator.

    Custom Icons



  • Blog post: How to Add Vector Icons to Drop-Down Menu

    There is no need to repeat that the most effective way to make site navigation a truly user-friendly is to add icons. This blog post describes how to add custom icons to your Drop-Down Menus.


    How to Add Vector Icons to Drop-Down Menu

    Read More: http://dropdownmenugenerator.com/Blog.aspx?ID=20151013



  • Line Breaks

    To add a line break to the item text, use the <br> tag. For example:

    Line #1<br>Line #2



  • The "~" (tilde) symbol

    Now, the link can include the tilde as the first symbol. For example:

    ~/MyPage.htm

    This symbol is an abbreviation for the home directory of the website.
    Thus, the link will be considered as "http://www.MySite.com/MyPage.htm".



  • Several bugs are fixed.




March 21, 2015



  • Submenu Alignment

    The option specifies the horizontal submenu position relative to its parent item. Applied to the submenus of the horizontal menu only. Available values:

    • left - aligns the left edge of the submenu with the left edge of its parent.
    • center - sets the center position relative to the parent item.
    • right - aligns the right edge of the submenu with the right edge of its parent.
    • length - specifies integer value of the left margin in pixels with a range from -9999 to +9999.


    Submenu alignment



  • Empty arrows

    Added support for empty arrow indicators. If you do not want to show arrow indicators in your menus, use empty arrows.


    Empty arrows



  • Video: Drop Down Menu Generator - Overview

    The following video gives a quick overview of features and functionality.

    Drop Down Menu Generator - Overview



  • Blog post: How to Add a Mobile Responsive Drop Down Menu in Blogger

    In my previous blog post, I described how to add Drop Down Menu in Blogger. That post describes the basics for creating a menu and adding it to the desktop version of your blog. This post expands on this scenario by adding your existing menu to the mobile version of your blog.


    How to Add a Mobile Responsive Drop Down Menu in Blogger

    Read More: http://dropdownmenugenerator.com/Blog.aspx?ID=20150310



  • Blog post: How to Add Drop Down Menu to Homestead website

    Homestead SiteBuilder is a very popular, easy-to-use website building tool, which allows you to quickly create an entire website for business or hobby. SiteBuilder includes hundreds of design templates to choose from. You can insert photos, videos, e-commerce capabilities and much more. Unfortunately, SiteBuilder has no such useful component for website navigation, as a drop-down menu.

    In this post, I will describe how to add a professional drop-down menu to your Homestead website. Knowledge of HTML, CSS or JavaScript is not required.


    How to Add Drop Down Menu to Homestead website

    Read More: http://dropdownmenugenerator.com/Blog.aspx?ID=20150218



  • Free version has been discontinued

    We are sorry, but the free version forces us to focus on volume and less on features. In our plans to add more features to Menu Generator. If you have the Free account, you can continue using it for free.



  • Several minor bugs are fixed.




February 13, 2015



  • Responsive Menu

    Menu Generator now includes new options for Responsive Menu. How does it work? If the viewport width is less than the width of the menu bar, an alternate compact menu appears.

    Make your menu responsive just by enabling the "Responsive Menu" option. If the menu includes a large number of items, enable the "Expandable Nodes" option to save screen space.

    To see the responsive menu in action, open the Live Demo.


    Responsive menu



  • New icons + grouping

    Menu Generator now includes the collection of 116 most popular icons. Added new icons: Tumblr, Flickr, sport, weather, Oscars Award, and cancel2. The collection displays the icons grouped by categories.


    Icons



  • JavaScript for item click

    Now you can put the JavaScript call in response to a menu click.
    The following syntax is used: "javascript: function();".

    JavaScript call



  • Single-icon items

    The main horizontal menu is now optimized for single-icon items. The icons are now displayed with center alignment.


    Single-icon items



  • Improvements and bug fixes

    • Improved menu performance in Internet Explorer.
    • Several minor bugs are fixed.




November 18, 2014



  • Web Fonts

    Added support for web fonts. Now the collection offers 11 standard fonts, and 51 of the most popular web fonts. Use of non-standard fonts will give your menu the attractive look that matches the theme of your site.


    Web Fonts



  • Support for SSL ("https")

    Embed Code is now compatible with a website which runs on SSL ("https") protocol.

    By default, Embed Code uses the "http" protocol:

    Embed Code

    If the Embed Code is placed on the site which runs on SSL, you should specify the "https" protocol:

    <script type="text/javascript" src="https://Menu16.com/U/...




  • Arrow Indicators as Unicode Symbols

    Menu Generator now does not use images for arrow indicators. They are represented with Unicode symbols and displayed as a plain text. This significantly improves performance of your menu.


    Arrow Indicators



  • New icons

    Menu Generator now includes the collection of 105 most popular icons. You can use the general icons (Home, Help, E-mail, etc.), icons for social networking (Facebook, Twitter, etc.), currency symbols, multi-purpose icons (arrows, dots, etc.) and others.


    Icons



  • Improvements and bug fixes

    • Menu Generator has been moved to the new server for better performance, reliability, and uptime.
    • For Priority Technical Support you can now use direct e-mail address. Available for Paid plans only.
    • Fixed the bug in Menu Generator when you edit two or more menus at the same time.
    • The size of the menu's script has been reduced. As a result, the menu works with better performance results.
    • Fixed the bug with "&" symbol in the menu links.
    • Several minor bugs are fixed.




June 30, 2014



  • Menu hosting with Embed Code

    Now your menu is hosted on our server and you can use Embed Code to display it directly on your web pages. So, you do not need to download the menu and then upload it to your website; any modification made to the menu in Menu Generator will be immediately reflected in the menu on your web pages.


    Menu hosting with Embed Code



  • Fixed Positioning

    Now the menu can be displayed with a fixed position. A fixed position menu is positioned relative to the viewport, or the browser window itself. The viewport doesn't change when the window is scrolled, so a fixed positioned menu will stay right where it is when the page is scrolled.

    This Live Demo shows the menu displayed with a fixed position. It means that if you scroll down, the menu will remain in the viewport - so you can quickly access the navigation no matter where you are on the page.



  • Live Demos

    The Live Demos Page includes a few menu examples such as a standard drop-down menu with icons and semi-transparency, the menu with scrollable submenus, the menu in fixed position (Sticky Menu), and others.


    Text formatting options



  • Several minor bugs are fixed.




May 23, 2014



  • FAQ section

    The new FAQ section is intended to provide an easy and quick way to find answers to most frequently asked questions.


    Frequently Asked Questions



  • Bold, Italic, and Text Alignment

    Additional options help to get the desired menu appearance. You can now choose the Font Family, Font Size, Text Alignment, and make the text Bold and Italic.


    Text formatting options



  • Highlighting an item

    Now you can highlight the current menu item (make it active) by using the additional code. The highlighted item indicates which page the user is currently viewing. The code highlights the selected item as well as all the parent items (the whole navigation path).


    Item highlighting



  • More independence from the page's CSS style

    CSS (Cascading Style Sheets) is used to style page elements. As a result, the appearance of the menu may differ from the selected template because the page's CSS may style the menu as well.

    Now Menu ignores most of the page CSS rules and displayed with the required appearance, according to the chosen template.



  • Several minor bugs are fixed.




April 25, 2014



  • Context-Sensitive Help

    A help icon (a blue circle with a question mark) is added to key places in Menu Generator. When a user clicks the help icon, a "pop-up" window with context help will appear providing hints or tips.





  • Scrollable Submenus

    Menu Generator now includes the "Submenus Height" property under the Additional Options tab. The property specifies the maximum height in pixels for submenus. A submenu automatically becomes scrollable if its height less than the real height of its contents.





  • Ignoring the page's CSS style

    CSS (Cascading Style Sheets) is used to style page elements. As a result, the appearance of the menu may differ from the selected template because the page's CSS may style the menu as well.

    Now Menu ignores most of the page CSS rules and displayed with the required appearance, according to the chosen template.



  • Improvements for better performance results

    Now Menu Generator works even faster as it compacts the data before sending it from the browser to the server.



  • Blog post: How to Host your Drop Down Menu on Google Drive

    A menu created by the Menu Generator is a single folder with a few files. To put the menu on the page, you upload the menu folder to the web server where your site is hosted, and paste a small code into the page to show up your menu.

    But what to do if you use a free hosting or publishing platform (such as Blogger or Tumblr) which does not allow uploading custom folders to the site/blog?

    Fortunately, Google Drive can be used as an awesome FREE hosting for your menu. Google Drive is a reliable storage with unlimited bandwidth, very fast speed and 100% uptime. You can store your menu on Google Drive, but display it on any website or blog by a direct link to the menu hosted on Google Drive.


    How to Host your Drop Down Menu on Google Drive

    Read More: http://dropdownmenugenerator.com/Blog.aspx?ID=20140424



  • Blog post: How to Add Drop Down Menu in Tumblr

    Tumblr is a very popular publishing platform, which includes more than 180 million blogs. Unfortunately, almost all of them do not have a drop-down menu as a highly convenient way to navigate to posts or pages. It is because the themes in Tumblr do not include an option for adding drop-down menus.

    In this article, I will describe how to add a multiple level drop-down menu with icons to your blog on Tumblr. Knowledge of HTML, CSS or JavaScript is not required.


    How to Add Drop Down Menu in Tumblr

    Read More: http://dropdownmenugenerator.com/Blog.aspx?ID=20140422



  • Several minor bugs are fixed.




March 26, 2014



  • Support for mobile devices

    It is important that your website is compatible with mobile and tablet devices so that the user experience is just as good as the desktop version. Without mobile compatibility, your website will be missing out on huge amounts of potential traffic.

    The menu created in Menu Generator is now compatible with iOS (iPhone, iPad and iPod Touch) and Android devices.





  • Blog post: Adding Drop-Down Menu to a Web Page

    No programming or design skills are necessary to create a professional menu with Drop Down Menu Generator. The Generator does everything automatically, quickly, easily and gives out the professional drop-down menu for any web site.

    In this short post, we will describe in detail how to add the menu to a web page.


    Adding Drop-Down Menu to a Web Page

    Read More: http://dropdownmenugenerator.com/Blog.aspx?ID=20140314



  • Search Engine Optimization (SEO)

    Now the menu is compatible with Search Engines. Menu Generator produces an additional code with menu links. It allows the search engines to index all the pages referenced by the menu links.



  • Several minor bugs are fixed.




February 28, 2014



  • New icons

    Menu Generator now includes the collection of 100+ most popular icons. You can use the general icons (Home, Help, E-mail, etc.), icons for social networking (Facebook, Twitter, etc.), multi-purpose icons (arrows, dots, etc.) and others.



  • Improved scaling of icons

    During the customization of your menu, you may change the font size of items. The size of each icon is set automatically and depends on the font size. Now the scaling of the icons is noticeably improved.





  • Blog post: How to Create Drop-Down Menu with Icons

    Icons are very important to the user-interface. The most effective way to make site navigation a truly user-friendly is to add icons to the menu. Icons greatly improve the communication between the visitors and the menu on any website.

    Menu with icons stands out from the crowd and looks a lot better than the other ones. The presence of icons proves the quality of the website, makes a great impression on visitors and increases the site traffic.


    How to Create Drop-Down Menu with Icons

    Read More: http://dropdownmenugenerator.com/Blog.aspx?ID=20140212



  • New feature: Duplicate Menu

    The new feature allows you to create the clone of an existing Menu. It generates the copy, including the structure, template, and all of the menu settings.





  • Improvements for better performance results.

    Now the Menu Generator compresses the data before sending it to the browser. Website design is enhanced too. No unnecessary images, texts, useless page elements.



  • Several minor bugs are fixed.




January 22, 2014



  • Icons

    Now you can add an icon to any menu item just by one mouse click. Icons are very important to the user-interface. Icons will greatly improve the communication between the visitors and the menu on your website.

    Menu Generator includes the collection of 90+ most popular icons. The size and color of each icon are defined automatically depending on the text of the menu item.


    Drop Down Menu with Icons




  • Blog post: How to Create Drop-Down Menus in Yahoo SiteBuilder

    Yahoo SiteBuilder is a very popular tool, which allows you to quickly create an entire website without any knowledge of HTML. It includes hundreds of customizable templates for business and hobby uses. With just a few clicks, you can insert photos, create new buttons, add wallpapers, draw tables, create forms and much more. Unfortunately, SiteBuilder has no such useful component for website navigation, as a drop-down menu.

    In this short post, I will describe how to add a professional drop-down menu to your website created with Yahoo SiteBuilder. Knowledge of HTML, CSS or JavaScript is not required.


    How to Add Drop Down Menu in Yahoo SiteBuilder

    Read More: http://dropdownmenugenerator.com/Blog.aspx?ID=20131223




  • Minor website enhancements.




November 25, 2013



  • New post: How to Add Drop Down Menu in Blogger

    The use of a drop-down menu is a highly convenient way to navigate. Unfortunately, most blogs at blogger.com do not have this handy feature. The main problem is that blogger.com does not include the Gadget for drop-down menus and most bloggers do not have the programming skills to work with HTML, CSS, etc.

    In this article, I will describe how to add a multiple level drop-down menu to your blog on blogger.com. Knowledge of HTML, CSS or JavaScript is not required.


    How to Add Drop Down Menu in Blogger

    Read More: http://dropdownmenugenerator.com/Blog.aspx?ID=20131122




  • New options: Width and Alignment

    Now you can adjust the width and alignment for your menu. The width can be defined in pixels or in percent of the containing block. An alignment has three values: Left, Center, and Right.






  • New templates





  • Compatibility with incorrect markup.

    Now, the menu is displayed properly on web pages, which have an incorrect markup. The menu will ignore a non-valid, a non-well formed or even an illegal HTML/CSS code.


  • Minor website enhancements.




October 24, 2013



  • New paid plans

    Menu Generator introduces new paid plans and options for our customers.

    As before, the Free Plan includes all the main features such as multiple levels of hierarchy in structure, full access to templates library, customizable arrow indicators, etc., and allows you to create a professional menu for your website. Upgrading to a paid plan allows you to get more benefits from our service.

    Learn more about plans and pricing here.



  • Support for up to 128 separate menus in single account

    Now you are not limited to only one menu in your account. Depending on the plan you have chosen, you can have up to 128 different menus in your account. This feature is very useful if you develop/support multiple web sites or if your site includes separate areas for navigation: main menu, side menus, bottom menu, etc.






  • Context menu in the Structure Editor

    Now you can add/remove menu elements easily by using the context menu in the Structure Editor. An item or a separator can be directly inserted into the proper place in your structure by one click. No more tedious dragging the element through the structure tree.






  • Support for multiple menus on the same page

    Now you can use a personal name for each menu. It allows you to place multiple menus on the same page for better navigation: main menu, side menus, bottom menu, etc. No more conflicts between menu instances!



  • Support for Google Drive

    Now you can store your menu in Google Drive and display it on your website, blog, guestbook, photo album, forum, etc. Google Drive can be now used as a hosting with direct link for your menu.



  • Minor website enhancements

    • The Structure Tab now displays the total number of menu elements.
    • Inactive tabs have a compact look with three dots.
    • A separator in the structure tree now reflects the selected state.
    • The message "Menu saved!" is displayed each time when the menu is saved in the database.
    • Standard messages are replaced with a nice-looking modal popup window.



  • Code improvements for better performance results.


  • Several minor bugs are fixed.




June 05, 2013



  • Customizable arrow indicators

    Menu Generator now includes the collection of arrows. You can choose the arrow type and the brightness separately for horizontal menu, vertical menu, and submenus. The color of arrow is defined by the color of item's text (separately for normal and hover states).






  • Fixed color set for tooltips

    Now a tooltip has a fixed set of colors (grayscale). This was made in order to avoid showing unreadable colors in tooltips after the color customization for entire menu.






  • Minor website enhancements

    Menu Generator now includes expandable sections of settings. This cleans up the website design and enables the user to choose what he wants to see.






    The optional Tooltip field is now located below the main fields: Text, Link, and Target.






  • New templates




  • Fixed the bug where the Zip archive was broken if the menu structure has a large number of elements.


  • Code improvements for better performance results.


  • Several minor bugs are fixed.




April 19, 2013



  • New website design to better serve you!

    The new design not only looks good, but is also more functional. Site performance is enhanced. No unnecessary images, texts, useless page elements.






  • Integration with most popular Social Networks

    Follow us on Twitter and Facebook to keep up to date with all of our latest news and events! We will inform you about new features, templates, and examples of our Drop Down Menu Generator. Also, you will be informed about all the new blog posts.

    Twitter: http://twitter.com/MenuGenerator
    Facebook: http://www.facebook.com/MenuGenerator



  • Several minor bugs are fixed.


  • Code improvements for better performance results.




April 02, 2013



  • Correct color of arrows

    The arrow indicates that the menu item holds its own submenu. Now, the color of arrows corresponds to the color of menu items for both states: normal and hover.






  • New templates




  • Several minor bugs are fixed.


  • Code improvements for better performance results.




March 01, 2013



  • Font color customization

    Now you can set the font color separately for the main menu and submenus.
    Each color has two states - Normal and Hover.






  • Transparent menu

    By default, the menu has a background color, gradient or texture, depending on which template is chosen. Usually, the website already has some background color or texture. In order to avoid discrepancies between the website and the menu, you can now turn off the menu background.






  • Correct color of font shadow

    Some of the templates use fonts with shadow effect. Now, the color of shadow corresponds to the color of menu.






  • New templates




  • Several minor bugs are fixed.


  • Code improvements for better performance results.




December 03, 2012



  • Initial release





     Menu Generator  07/19/2017 (1669)         Follow Us         Links
   
APNSoft.com
 © 2003-2017 APNSoft.
  All rights reserved.
Uploading ...