Let’s check out new arrival navigation menus:

1. Dot navigation menu template
   
2. Pipe navigation menu template
   
   
3. Roof navigation menu template
   
   

4. Grass-green navigation menu template
   
   
5. Crystal navigation menu template
   
   

The above-mentioned templates are just small portion for built-in templates, all 100+ free templates are packaged in Sothink DHTML Menu; they are totally free for the registered users.

About Sothink DHTML Menu

Sothink DHTML Menu is powerful drop down menu builder; it includes 100+ templates & 30 styles, which enable you to create cross-browser menu, SE friendly menu and fast-loading menu in clicks. Seamlessly integrate with main-stream web editors; support database driven menus; fully customize menu style.

Main features of navigation menu builder:

• Full cross-browser compatibility.
• Seamlessly integrates with Dreamweaver, FrontPage, Expression Web and Adobe 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.
• Supports saving background color of preview window in authoring files.
• Publish wizard guides you to publish the drop down menu to website step by step.
• Customizes web menu properties, like font, icon, background, border, cursor, tool tip, etc.

Download Sothink DHTML Menu to view all 100+ free navigation menus. Apply your favorite menu now and light up your website instantly.

1. Launch JavaScript Web Scroller and set global settings for iPad Slideshow

Launch Sothink JavaScript Web Scroller to start new image scroller, first, enter the tab “Global”, and set the global width in percent; and then set scroller type as “Image Only” in below property for iPad website of landscape and portrait mode.
 


2. Add item, image and link for iPad Slideshow

 
Add items for iPad slideshow in List panel; and then browse the image and input the link to be your website. Click the tab “Item” and edit image and link in below property panel.
 


3. Publish the iPad Slides to make it fit iPad website

Publish the JavaScript code or resource files to the defined folder, and insert two pieces of code to “head” and “body” in iPad web page. Preview web scroller on Internet after uploading all the resource files to web server.
 

That’s the end; your iPad slideshow has been displayed, it fits well with iPad website. Making image slideshow, you should set width in percent in step1; it is important to make the iPad slideshow fit perfectly with iPad website.
 
View More iPad Slideshow Samples:
 

 
JavaScript Web Scroller
 
The robust JavaScript Web Scroller creates iPad Slideshow for iPad website. It creates image scroller, web scroller, iPad slide, slideshow, etc in minutes. No JavaScript experience needed and without coding. JavaScript web scroller well integrates as add- ons with Dreamweaver, FrontPage, Expression Web and GoLive.
 
Download | Order

At present, the web designers usually adopt three layouts to design website: fixed, fluid and elastic. These website layouts have their own advantages and disadvantages, the web designers should choose the appropriate layout based on your websites. Let’s view the below chart to get pro&cons of website layout:

Based on the above comparison chart, I think that the fluid layout is the best choice to make iPad website since iPad has the features of fluid width design. Next, I will present you how perfect the website elements in ipad web page of fluid layout, drop down menu, tree menu, image scroller:

iPad drop down menu (made by Sothink DHTML Menu) :

iPad tree menu (made by Sothink Tree Menu) :

iPad Slideshow (made by Sothink JavaScript Web Scroller) :

Does Fluid layout work well in iPad website? At least, the web elements like DHTML menu and JavaScript menu performance excellently. You can attempt to design iPad website by fluid layout. Hope you enjoy it.

View more iPad JavaScript menu samples:

As we know, iPad drop down menu is the vital element in iPad web design; it has the characteristic of navigating iPad website, beautifying iPad web page and including more contents in less space. And if inserting iPad drop down menu into iPad web page, your website will get better user experience. Let’s view the JavaScript menu on iPad.

• Make Your iPad Website Fluid Web Design

With iPad, you can view the websites in landscape or in portrait mode. In fact, the web designer need to make different two web designs for displaying website perfectly. Of course, there is a simple method to get the ideal results – a smart combination of CSS and JavaScript. This way enables your iPad website performs well on iPad and PC.

For drop down menu, you can set the menu’s width in percent to make it work well, which matches with iPad website of different resolutions and dimensions. From below figure, you will see almost the same menu effect in two web pages of two dimensions.

• Design Big Enough Link and Hover Effect

iPad is not the traditional point-based deices, all the interaction between iPad and users is touch, which is fulfilled by finger. For getting better user experiences, you should design link and hover effects big and clear, so that the user can dexterously click upon it.

Below presents us the drop down menu in website and iPad drop down menu in iPad website, you can get clear comparison.

• Create Your iPad Website with HTML 5

HTML 5 is a standard for structuring and presenting content on World Wide Web. The new standard incorporates features like video playback and drag-and-drop. With HTML 5, Google is use HTML 5 for Youtube. As web designer, you should try HTML 5 to make iPad web page.

Keep these advices in your mind; you can make the compatible iPad website for iPad users.

The iPad drop down menu above-mentioned is created by Sothink DHTML Menu. Besides this drop down menu, it offers us more JavaScrip menu, DHTML menu.

DHTML Menu

The top-rank DHTML Menu creates perfectly iPad drop down menu for iPad website of landscape and portrait mode. With the built-in templates and rich preset styles, you can create SE friendly JavaScript menu in minutes. Fully customize iPad drop down menu to match with iPad web page. Free integrate with web editors as add-ons to build iPad drop down menus directly.

Download | order

Let’s change the traditional website to iPad website from now. First, we start with iPad drop down menu. As we know, the iPad has the characteristic of landscape and portrait mode, your iPad drop down menu must works well in both modes. For iPad web design, keep two things in your mind, you should set the width in percent instead of the fixed in iPad web page; re-sizing browser window is unavailable in iPad website.

iPad drop down menu can navigate your iPad website clearly; meanwhile,  it enables to contain the unlimited-level of menu items in one line, which occupies the less space and displays more. Next, we will learn how to make the useful drop down menu for iPad website. You will get some tips in iPad web development to avoid mistaking.
 
 
 
 

Follow us to go ahead:

1. Start With Built-in Templates from DHTML Menu Builder

Launch Sothink DHTML Menu, template windows opens; and choose iPad drop down menu “Clean” under the category “Business”.



2. Set iPad drop down menu for iPad website

After the iPad drop down menu display in the preview window, you can set the menu width in percent for iPad website of landscape and portrait mode.
Check “Global > General”, and set the width in percent in below property.



3. Modify the text and link for iPad drop down menu

Modify the text and link to be your own website. Click the text on menu panel, select the option “Menu Item > General”, and edit the text and link in below property panel.



4. Set resource folder to make iPad drop down menu work well in local or Internet

Set resource folder to save JavaScript and image files to the defined directory, which make sure the drop down menu display correctly. You can enter the “Global > Resource Folder” to set.



5. Publish the iPad drop down menu to make it display on iPad web page

Publish the resource files, menu code or JavaScript menu code to the specific folder, and insert two pieces of code to the tag “head” and “body” within iPad web page. You can preview menu locally; upload all the resource files to web server, you can preview menu on Internet.
Check the button “Publish”  on the toolbar to publish your iPad drop down menu.

Finish the above steps, your drop down menu has been shown on the iPad website. Making iPad drop down menu, you should pay attention to step 2, it is vital setting to make the iPad drop down menu perfectly displayed on iPad web page.

More iPad Drop Down Menu Samples:

About Sothink DHTML Menu

The top-rank DHTML Menu creates perfectly iPad drop down menu, JavaScript menu for iPad website of landscape and portrait mode. With the built-in templates and rich preset styles, you can create SE friendly JavaScript menu in minutes. Fully customize iPad drop down menu to match with iPad web page. Free integrate with web editors as add-ons to build iPad drop down menus directly.

Download Now | Order Now

Sothink DHTML Menu is an easy-to-use drop down menu builder, it can create SE friendly and fast-loading JavaScript menu without coding. Rich templates & styles enable you to create cross-browser menu in clicks. Seamless integrates with main-stream web editors, Adobe Dreamweaver CS5 supported. With this navigation menu builder, you can easily make functional menus, database driven menus. Menu appearance can be fully customized too.Main features of drop down menu builder:

• Full cross-browser compatibility: supports IE, Google Chrome, Firefox, Opera and Safari (Support Safari 5 on Win & Mac).
• Seamlessly integrates with Dreamweaver (support CS5), FrontPage, Expression Web and Adobe GoLive as add-ons.
• Supports making database driven JavaScript menu with ASP, PHP, JSP, ASP.NET, ColdFusion and more.
• Creates functional JavaScript menu, such as tab menu, highlight menu, scrolling menu, cross-frame menu, multi-level/multi-column menu, custom menu, floating menu, etc.
• Offers 80 + templates, 30+ styles; and provides image library for background, icon, arrow and separator.
• Enables to save background color of preview window in authoring files, which make it convenient for editing next time.
• Publish wizard guides you to publish the drop down menu to website step by step.
• Customizes web menu properties, like font, icon, background, border, cursor, tool tip, surround, effects, alignment, transparency, size, etc.

Please visit Sothink DHTML Menu for more information.

For Adobe Dreamweaver CS5 users, you will be prompted to auto-install Dreamweaver extension during Sothink DHTML Menu builder installation.

Download Sothink DHTML Menu and enjoy 30-day free experience.

A One-day Deal promotion will be launched on Sothink.com from April 21, 2010 to April 28, 2010. You can find the most popular and award-winning Flash decompiler, SWF editor, drop down menu maker, logo maker, etc, and all of them will be sold at 50% discounted prices.

1. One-day Deal Schedule

2. How to Order the Discounted Tools?

You will enjoy the discounted price via coupons. See the following steps:

Step 1: Follow the normal ordering process to enter the purchase page;

Step 2: Fill in the “Discount coupon” box with the coupon code we offered;

Step 3: Click “Update cart”. As follows:

Step 4: Complete the whole purchase process.

The offer expires on April 27, 2010, so take your chance and go to Sothink.com to find your desired web design tools.

For more information of this SEO friendly drop down menu builder >>

Rich built-in templates and preset styles let you create professional DHTML menus that work in all browsers within just a few minutes. Even amateur web menu designers can make advanced drop-down menus easily. In the latest DHTML Menu V9.3, 15 nice and new templates are available for your convenience.

Samples of the new added drop down menu templates: Flip, Gray, Skelecton, Pure Black, Olive

This outstanding JavaScript menu builder supports making database driven JavaScript menus with ASP, PHP, JSP, ASP.NET, ColdFusion and more. You can also create various functional menus like tab menu, multi-column menu, etc. Menu appearance can be fully customized. Good integration lets you add menus to your web pages using your existing HTML editor.

Download this drop down menu builder for 30-day free experience >>

1. One-day Deal Schedule

2. How to Order These Discounted Flash Authoring Tools?

This special offer is provided as coupon codes that are listed in the above table. Moreover, related One-day Deal information will also be noted in each product’s home page.

To enjoy the discounted price, you just need to follow the ordinary ordering process. When entering the purchase page, please fill in the “Discount coupon” box with the coupon code we offered, and then click “Update cart”. As follows:

Now you can enjoy the discounted price by completing the whole purchase process.

This offer expires on February 7, 2010, so take your chance and get preferred Flash authoring tools now by visiting the Sothink.com website.

Bestwebmenu.com, a tutorial-based website, is spontaneously built in the purpose of introducing developers to make better use of Sothink DHTML Menu program, which is not affiliated with Sothink or SourceTec Company.

Here is a place for old hand people sharing key experience and skills on website development and menu creation. Either fresheners or intermediate-level guys are welcome here.

So what have it already offered?

Must-read Guides:

• How to start with Sothink DHTML Menu from user’s point of view?
• How to close submenus by clicking anyway on a page?
• How to make floating menus?
• How to create DHTML menus with transparent background?

Must-known Problems & Solutions:

• If missing or incomplete DOCTYPE when building Webpages?
• Incorrect path to DHTML menu files and resources?
• If got CSS conflicts or JavaScript conflicts?

Visit the site: http://bestwebmenu.com/index.html
Developer’s blog: http://pittstop.com/wordpress/

And don’t forget our Official DHTML Menu Guide Center: (Both text and video tutorials included)
http://www.sothink.com/tutorials/dhtml-menu-tutorials.htm

Have Fun!