This is not a tutorial site. Sothink has an an extensive DHTML Menu Tutorial Center with tutorials on getting started and more advanced subjects. Also, the DHTML Menu program has a Help section. The suggestions we offer here are based on our use of DHTML menu They work for us, and they might work for you, too. Before we start with the step-by-step instructions, here are three recommendations that we feel are important:
•    Use DHTML menu as a standalone program. If you use Adobe GoLive, Dreamweaver, Expression Web, or FrontPage you may be tempted to integrate DHTML menu with your Web authoring software using one of the plug-ins supplied with DHTML menu. Do not succumb to the temptation; if you do, you are making more work for yourself and asking for trouble.
•    Do not include menu code in your pages. Always generate a JavaScript include file. There are many advantages to having your menu in an external JavaScript file, but perhaps the most important advantage is that you only have to edit and upload a single file whenever your menu changes.

Read on »

What is one of the aspects of a website that always needed? It is the navigation menu. Navigation menu is a useful part of the website because it leads the user to different part of the website. Interaction to the website is the main use of the navigation menu. More and more great looking and user-friendly navigation menus are being created that gives  life to the websites.

I’ll be featuring 6 great looking and really unusual navigation menus which JavaScript-based menus.

js navigation menudhtml menu Read on »

Main Navigation Types & Usability
Main navigation, also known as global navigation (if the navigation is always present on each page) is a crucial element for web site or web-based application usability. There are many variations of main navigation systems, however for the vast majority of existing web sites or web-based applications* there are four primary types:

  • Horizontal Menu
  • Vertical Menu
  • Inverted
  • Mega Footer

Which main navigation system is used depends on several variables, including;

  • Information architecture of the site
  • Screen size or typical location of use of the web site
  • User needs including any special accessibility issues

The screen size issue is a very important consideration now that more and more users rely on mobile devices to find and access content and functionality.  With mobile screen size being extremely limited vs. typical displays in homes or offices, It is important to consider which type of main navigation will work best for each environment.
The main navigation type chosen will have a direct and significant impact on the usability of a web site, and because of this great care should be taken before deciding on a navigation type. From a usability standpoint, there are multiple benefits and challenges for each primary type of navigation.
Main Navigation– Horizontal Menu
Horizontal menus have links placed across the page, well, horizontally. This has a tendency to work well for Western cultures, in which reading from left to right, top to bottom is the norm. Horizontal menus align with Western users’s expectations for important content being at the top of a page.

First level horizontal menu items Subject 1, Subject 2, Subject 3
Typically horizontal menu bars are located at the top of the page, but there are several notable exceptions to this rule, including the home page of, which has the main navigation at the bottom of the page. home page horizontal main navigation is located at the bottom of the page.

This article is from

With Sothink Tree menu 3.0 release, add 14 free menu templates in the program. Below will show 5 favorite menu samples:

Sothink Tree Menu releases its new version 3.0 recently, which supports Windows 7 and IE 9 Beta. As quality seekers, maybe the web designers need to create tree menu on Windows 7, and viewers the same with you, they would like to enjoy navigation tree menu in IE 9 Beta. Sothink Tree Menu enables you create DHTML tree menu on Windows 7, and generate the web menu compatible with IE 9 Beta. What’s more, this tree menu builder provides 50+ free tree menu templates to match with various website styles; versatile image library available; fully customize menu style. Seamlessly integrate with DW, FP and EW.

First at all, check out stunning tree menu samples in IE 9 Beta:


Read on »

If the window is full screen, positioning the menu in the center is easy; if not, you can see the samples, which keeps the menu in the center.

The sample can be remained with users as scrolling the page. The location of menu always lies in the center according to the page size. This is a special alignment pattern of floating menu.


  • Click Global > Menu Type, select Float in Menu Type.
  • Choose the first menu item, and click Condition in Menu Item.
  • Enter the responding code below into the Prefix in Condition.
    Center Horizontally
  • If you want to set menu alignment as Center Vertically:

Javascript provides the web page developer with an excellent and powerful programming tool – which is, of course, why it forms the core of that current hot Internet technique: Ajax (Asynchronous Javascript and XML). However, Javascript can be of benefit to any web site – especially when it comes to manipulating objects on a web page: objects such a menus.

The Basics of a Javascript Menu

In order to create a menu the web site developer needs to make use of two Javascript methods:

  • · onmouseover – this is triggered when the mouse pointer is placed over an object
  • · onmouseout – triggered when the mouse pointer is moved away from an object

The web site developer also needs to make use of the web page’s object’s style, and in particular the object’s:

  • background-color
  • display
  • left
  • position
  • top
  • width
  • z-index

Read on »

While waiting our SEO series to come out, I showcased for you pretty huge and comprehensive navigation menu and button tutorial article. All of those tutorials are selected carefully just featuring here, the most high quality ones.

Navigation is very important aspect in every web-design, because it is usually the place where people will click the most as well as notice creative and usable buttons. Really all we need is to get visitor remember our site! To complete and sharpen you need to use menu builder here, actually version doesn’t matter, I am sure everything can be completed in menu builders!

Let’s get started and learn how to create shiny, clean, stylish, glossy or even 3D navigation menus! Hope you will enjoy this article!

Read on »

The drop down menu has somehow over the years become quite a complicated design element.  This is mostly due to the controversy surrounding its use.  In the opinion of some designers, these menus are simply not worth it.  They’re complicated and clumsy for the user and thus don’t live up to high usability standards.  Because the goal of most designers is to create the best user-friendly experience possible, drop-down menus end up tossed aside in favor of less frustrating options.

However, when done correctly, drop-down menus can be a workable way to organize cluttered layouts and can give a site a decent amount of flexibility and charm.  The key is to follow a few practices well-known for effectiveness and style.

In this post, we’ll explore these drop-down menus best practices and hopefully diminish some of the controversy surrounding this viable design element.

Two-Tiered Frustration

Perhaps the number one source of complaint concerning drop-down menus is the frustration that often results from using two-tiered menus. The main complaint is that they’re extremely difficult to navigate because of the fundamental complexity of the design.

When the user sets out to select an option, he must pinpoint exactly the right area on the menu or risk clicking an unwanted menu item.  After only a few unsuccessful attempts users usually get so frustrated that they simply give up on the site altogether.  The best advice is to avoid the two-tiered structure whenever possible.

Wait to Deactivate

This practice addresses the issue in hover drop-downs where the menu disappears the minute a user removes the arrow from the menu panel.  At that point, the user must start the menu’s search process all over again by hovering over the menu once more.

Designing around this involves coding allowing users to keep the menu open with a hover and to deactivate it with a click on some other part of the screen.  See, for example, the site below.
Read on »

Sothink DHTML Menu is popular navigation menu tool, so many users used it to create the wanted JavaScript menus for their website. One of Our warm hearted users has layouted the section for DHTML Menu, and solve the problem in creating DHTML Menu.

Unofficial Resources Site for Sothink DHTML Menu

drop down menu

In this website, the user writed many tutorials to share his experinces on navigation bar creation. If you are newbie on making web menu, you will get the useful tips from here. View some advanced tutorials:

Targeting an iFrame from a menu

Opening Links In A New Customized Window

Anchoring a menu in a table cell