Archive for the ‘Menu Release’ Category

We bet you couldn’t quit your phone even if you wanted to.

Read on »

If you bought a new phone, how do you transfer the data from the old one?

We know switching smartphones is so painful, and especially so when the new device has a different OS. Syncios Data Transfer is an awesome tool to solve this problem, as it allows you to migrate almost all the data from your iOS or Android devices. This includes not just contacts, videos, photographs and messages, but also call logs, music files, ebooks and apps.

It provides Windows and Mac version, which includes everything that is present in your smartphone. While setting up a new device, you will have virtually the same contents as your old one. It’s really remarkable that something like this is made possible by a program so cheap. Syncios Data Transfer will cost $29.95 for a lifetime license that will entail all the latest updates released by the makers.

Read on »

Google recently updated its all product with new design and also navigation menu in the top of the header. Most of the developers and me too likes google’s new nav menu and want to install this menu style to my blog. The simple code to add Google style navigation menu to header for blogspot user.

For Blogspot users:

1. Sign in to blogger.com

2. Go to design and Edit HTML (Note: Download template xml file with download full template)

3. Find  ]]></b:skin> and paste below code to above it. Read on »

For website, navigation tree menu maybe keep the same menu link and menu text for long time.  Is it tedious? No, web designer won’t make it come true. The experienced designers can apply diverse styles to make tree menu attractive and stunning.  Almost all elements in tree menu can be customized, and become the spotlight to beautify the website.

The tree menu will present a new look even a tiny element is modified, which brings exciting to website. With Sothink Tree Menu, the beginners can customize the styles in intuitive interface with ease; it provides image library of various types to design menu tree style; and the outside files can be imported to tree menu to form your own style.

Let’s compare some tree menus, and view the magic about tree menu style:

  1. Set size to get another tree menu, which is completely different menu tree.
    (Enter “Global Settings > General” to set width and height for the whole tree menu)
    Tree Menu Size
  2. Set properties for tree menu and its items to build a totally different web menu, these properties include background, color, font, etc.
    (Select node in  Tree panel, and enter  “Node Settings > Font” or “Node Settings  > Background” panel to set their properties.)
    Tree Menu Style
  3. Add graphics to customize button, line, arrow and cursor images.
    (Select node or sub-tree; enter the related option in “Global Settings” panel to set image properties.)

    Customize Tree Menu

  4. Disable some nodes in tree menu, which needs to be changed from time to time.
    (Check the selected nodes, and enter   “Node Settings > Advanced” to set this function)

    Disable Tree Menu

  5. Tree menu expands its sub-tree with dynamic and visual effect after mouse interacts with menu tree, which gives the visitors deep impression. The program presets the various effects for showing or hiding sub-tree respectively, effect speed can be set too.

View more tree menu samples to get inspiration; download tree menu builder to DIY your tree menu with customizable menu style.

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:

tree-menu-builder

Read on »

The eye-catching and attractive menu is vital element on website. The navigation menu is usually the area in site which gets the most traffic. To judge the web menu is good one, you can analyse it by three aspect: great interaction with mouse event; wonderful menu style and matchable with website; clear navigation and easy operation. Here lists five JavaScript menus, let’s check out these excellents DHTML menus:

DHTML Menu supports IE9 beta in its new version of 9.6. With Microsoft IE9 Beta release, you can use this powerful IE browser later, which is optimized in performance, HTML5, Graphic and Browser. As an essential web element, JavaScript menu/DHTML menu needs to be compatible with the main-stream browser of IE9 to get better browsing experience. DHTML Menu enables you to create cross IE9 beta navigation bars without any skills; 100+ built-in templates are available to be applied to your website directly.

What is Sothink DHTML Menu?
Sothink DHTML Menu is a drop down menu builder, which assistant you in making cross-browser menu, fast-loading menu and SE friendly menu in clicks. 100+ templates & 30 styles included; integration with main-stream web editors; support database driven menus; fully customize menu style.

Main features:
* Full cross-browser compatibility, support IE9 beta.
* Seamlessly integrates with DW, FP, EW and GoLive.
* Supports database driven navigation menu with ASP, PHP, JSP, ASP.NET, ColdFusion.
* Creates functional navigation menu, such as tab menu, highlight menu, scrolling menu, cross-frame menu, multi-level/multi-column menu, custom menu, floating menu, etc.
* Offers 100 + free templates, 30+ preset styles; and provides image library for menu design.
* Publish wizard guides you to publish the drop down menu to website step by step.
* Customize web menu properties, like font, icon, background, border, cursor, tool tip, etc.

Check some samples of DHTML Menu:

1. Anchor chain drop down menu

DHTML Menu

2. Grass green web menu

drop down menu

3. Notepad navigation menu

navigation bar

Download Sothink DHTML Menu to create a well cross-browser menu.

–There are four ways to insert one DHTML menu into many pages.
First One:
If you have FrontPage, you can use the shared borders or include page function to do so. Please check work with shared borders.
Second One:
If you have Expression Web, you can use DWT (dynamic web template) to do so. Please check work with dynamic web template.
Third One:
If you use Dreamweaver, you can use the Library function to do so.
Please check work with library in Dreamweaver.
Fourth One (recommend):
Use the program alone to create a separate js include file. (Suggest you to use absolute path in links); and then insert the js file into the web page. Please check “Insert a Menu by Including Separate JS File“.

Generally speaking, some web developers and usability enthusiasts regard using drop down menus as the bad practice that makes them confusing, annoying and oftentimes dysfunctional. Nevertheless, as a designer part, drop-down menus are an excellent feature because they help clean up a busy layout.

Drop-down menus do in fact organize content into small and uncluttered elements, if structured correctly, drop-down menus can be a great navigation tool, while still being a usable and attractive design feature.

How to create a stunning and effective drop-down menu? Here are some tips and ways to make this controversial element more usable.

  • Add a Hover Effect to Menu Options

As the navigation itself affects the usability of the drop-down menu, adding a hover effect to the menu options is good to make the menu work better with the drop-down menus. In this case, the user will be easily to find exactly which button in the navigation menu is extending from, and it is much helpful.

You can see the example below, which shows a strong hover effect on the navigation options, and it contributes to support the drop-down menu.

P.S. Such kind of drop-down menus can be easily created by Sothink DHTML Menu.

  • Extend the Deactivation of a Hover

You had better avoid a hover structure and many levels in a drop-down menu, but it is restricted to the navigation you are trying to create, if so, just try your best to improve the usability of a hover and multi-level menu!
Please check the next drop-down menus, which have multiple levels with a wide focus range. It means that the user have to move the mouse pointer some distance away from the menu to close it.

If the user moves the pointer away from the menu, the drop-down menus will mostly disappear soon. So, please delay its disappearance or get a click function that requires users to click outside the menu area to close the drop-down menu like the Lightbox does.

  • Keep off Multi Levels in a Drop-Down

It is unwise that one creates drop-down menus in terms of usability. For example, a hover menu structure will make the user lose focus on the menus once the user moves away from the mouse pointer.
The picture below shows the unpleasant hover menus. Apparently, it is hard to use because you have to start from the top whenever even slightly losing focus of the menu with the mouse pointer. To be worse, the tooltip there will hamper the navigation.

  • Throw out Tooltips

Although it is certain that little details impact usability when you design drop-down menus, you’d better realize the presence or lack of tooltips, for the tooltips usually may get in the way and sometimes even block the first list item in the drop-down menu. So please remove tooltips from buttons with drop-down menus.
Take the website below for example, the drop-down menus take up a large part in the page, which let the tooltip block many listed items and make navigation much more difficult.

  • Do Seamless Transitions

Many websites make such a mistake: in order to attract the more visitors, they make the websites look brilliant but with the heavy drop-down menus, which take more than an instant to load upon the hover. However, a good drop-down menu ought to appear seamlessly and without interruption once it appears, otherwise, it will be unpractical.
So transition effects are the better way to avoid it happens. It is cool that throw in a wipe down or fade in for the drop-down menu instead of the simply appearing menu, but please make sure the transition quick and not disruptive.
Observe the image below, you will find the drop-down menu is pretty clear with a seamless transitions.