Tab menus are the one type of drop down menus. This kind of tab navigation bar is usually shown as horizontal web menu, and its submenus list in below line. The tab menu of round corner makes the navigation bar clear and good-looking.

Let view the tab menu samples:

Here is the tutorial about making tab menu in Sothink DHTML Menu:

Hurry up, download Sothink DHTML Menu to create tab menu. Hope you like this tab menu.

Navigation tree menu in iPad websites can quickly guide visitors to the target iPad web page, which is special used for iPad web design of large-scale directory. The collapsible tree menu is cross-browser, fast loading and SE friendly tree menu. And seamless integrations with HTML editors will enable you to add tree menu to iPad web page never so easy.

Using Sothink Tree Menu, let’s start building deep blue tree menu as below now:

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

Launch Sothink Tree Menu, template windows opens; and choose tree menu “Deep Blue” under the category “Business”.



2. Modify the text and link for tree menu and apply it into your iPad websites

Modify the text and link to make the tree menu server for your iPad websites. Click the text on Tree panel, select the option “Node Settings > General”, and edit the text and link in below property panel.



3. Set web path to make iPad tree menu work in local or Internet

Set web path to save JavaScript and image files to the defined directory, which makes sure the tree menu display correctly. You can enter the “Global Settings > Web Path” to set directory.



4. Publish the iPad tree menu to make it display on iPad websites

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 view tree menu on Internet.

Check the button Publish Tree Menuon the toolbar to publish your iPad tree menu.

Finish the above steps; your tree menu has been displayed on the iPad websites. Is iPad tree menu perfectly displayed on iPad websites of the fluid design? Hope you like it.

View More iPad Tree Menu Samples:

http://www.sothink.com/product/treemenu/ipad/index.htm

]]> http://www.dhtml-menu-builder.com/blog/how-does-tree-menu-display-properly-on-ipad-websites/feed/ 0 http://www.dhtml-menu-builder.com/blog/how-to-design-website-to-make-it-compatible-with-ipad/ http://www.dhtml-menu-builder.com/blog/how-to-design-website-to-make-it-compatible-with-ipad/#comments Wed, 28 Jul 2010 14:36:12 +0000 evazhou http://www.dhtml-menu-builder.com/blog/?p=125 Continue reading →]]> Since iPad release,  it brings us so many surprises. iPad presents new way to browse the Internet. Enter the URL in the browser to view the web page on iPad; and rotate this device  90 degree, and see if the same webpage contents of completely different layout display properly. Yes, so good! It is no doubt that iPad will change the way we design website. About iPad website, I will take iPad drop down menu for example to share some tips&tracks.

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

]]> http://www.dhtml-menu-builder.com/blog/how-to-design-website-to-make-it-compatible-with-ipad/feed/ 0 http://www.dhtml-menu-builder.com/blog/how-to-make-your-website-match-with-ipad/ http://www.dhtml-menu-builder.com/blog/how-to-make-your-website-match-with-ipad/#comments Tue, 27 Jul 2010 09:48:23 +0000 evazhou http://www.dhtml-menu-builder.com/blog/?p=122 Continue reading →]]> iPad has come to our lives, and it provides a brand-new way to browse website. The users can view the website vertically or horizontally. Yes, iPad will bring website revolution for viewing way of landscape and portrait mode. As web designer,  have you get your website ready for iPad users? If you think so, then follow me to design iPad website and make it display properly on iPad.

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:



]]> http://www.dhtml-menu-builder.com/blog/how-to-make-your-website-match-with-ipad/feed/ 0 http://www.dhtml-menu-builder.com/blog/how-to-make-drop-down-menu-for-ipad-website/ http://www.dhtml-menu-builder.com/blog/how-to-make-drop-down-menu-for-ipad-website/#comments Tue, 13 Jul 2010 11:31:34 +0000 evazhou http://www.dhtml-menu-builder.com/blog/how-to-make-drop-down-menu-for-ipad-website/ Continue reading →]]>

iPad is being hot sales of millions of iPad in weeks since its release, iPad time is overwhelming arrival. As we forecast, iPad will be warm up in the future, are you ready to do something to make your website become iPad website, and satisfy with your iPad visitors? Absolutely need, the sooner the better.

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; and it enables to contain the unlimited-level of menu items in one line. Next, we will learn making the useful drop down menu for iPad website. Meanwhile 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

]]> http://www.dhtml-menu-builder.com/blog/how-to-make-drop-down-menu-for-ipad-website/feed/ 0 http://www.dhtml-menu-builder.com/blog/create-stunning-drop-down-menus-in-dreamweaver-cs5/ http://www.dhtml-menu-builder.com/blog/create-stunning-drop-down-menus-in-dreamweaver-cs5/#comments Mon, 05 Jul 2010 22:42:53 +0000 Jenny http://www.dhtml-menu-builder.com/blog/release/create-stunning-drop-down-menus-in-dreamweaver-cs5/ Continue reading →]]>




Sothink DHTML Menu 9.4 has been released! We’ve upgraded Dreamweaver plug-in to V3.3.2 to make DHTML Menu work seamlessly with Dreamweaver CS5. Now, Safari 5 is supported both on Windows and Mac. What’s more, we’ve added 18 fresh new drop down menu templates. Check five of them below:











Can’t wait to experience the polished new version? Download it here.

To get more details on DHTML Menu 9.4 and its new features >>

]]> http://www.dhtml-menu-builder.com/blog/create-stunning-drop-down-menus-in-dreamweaver-cs5/feed/ 0 http://www.dhtml-menu-builder.com/blog/main-new-functions-in-sothink-tree-menu-26/ http://www.dhtml-menu-builder.com/blog/main-new-functions-in-sothink-tree-menu-26/#comments Fri, 22 Aug 2008 08:04:24 +0000 chenxixi http://www.dhtml-menu-builder.com/blog/?p=90 Continue reading →]]> Sothink Tree Menu 2.6 provides you with several new functions which make your menu more attractive and functional! You can feel there new features from our new built-in templates below.

Function One: Sound function in Global Settings. It enables the menu to play sound when clicking the node including sub tree to expand & collapse, clicking the node with link address or moving the mouse over the node. You can try this new feature in the new built-in template “Business > Sound”.



Function Two: Effect function in Sub-tree Settings. It enables users to choose a type of special effect to display or hide the sub nodes. In the built-in template “XP Panel > Red”, there is a special effect when the sub nodes are expanded or collapsed.



Function Three: Arrow function in Sub-tree Settings. It enables users to configure arrow image of the node that includes sub trees. For example, the nodes in the built-in template “XP Panel > Woody” have used arrow images.tree Settings. It enables users to configure arrow image of the node that includes sub trees. For example, the nodes in the built-in template “XP Panel > Woody” have used arrow images.



 

]]> http://www.dhtml-menu-builder.com/blog/main-new-functions-in-sothink-tree-menu-26/feed/ 0 http://www.dhtml-menu-builder.com/blog/sothink-tree-menu-26-is-released/ http://www.dhtml-menu-builder.com/blog/sothink-tree-menu-26-is-released/#comments Wed, 20 Aug 2008 02:21:09 +0000 chenxixi http://www.dhtml-menu-builder.com/blog/?p=89 Continue reading →]]>
Version: Sothink Tree Menu 2.6 Build: 80815

Download now!

Functions Enhanced:

• Upgrade plug-in from 3.2 to 3.3 for Dreamweaver, from 3.2 to 3.3 for FrontPage, from 1.7 to 1.8 for Expression Web and from 2.1 to 2.2 for Golive.
• Optimize the JavaScript file to enhance the stability and function of the program.
• Add 5 new built-in templates and modify 7 templates. Put these 7 templates in the new catagory “XP Panel”.
• Add ruler function in the program. Press the mouse in intersection and drag the crossing to position the coordinates origin. The current coordinates of the mouse show in the right bottom of the state bar.
• Add effect function to Sub-tree Settings. It enables users to choose a type of special effect to display or hide the sub nodes.
• Add arrow function to Sub-tree Settings. It enables users to configure arrow image of the node that includes sub trees.
• Add sound function to Global Settings. It enables the menu to play sound when clicking the node including sub tree to expand & collapse, clicking the node with link address or moving the mouse over the node.
• Add the option “Indent” in “Sub-tree Settings > General” to set the indent between sub-tree and parent node.
• Increase arrow images in image library.
• Add the function to edit images in group library.
• There is a “Auto” image in the Library. When choosing Auto, the cursor image will be the system default one. For example, if the node does not include arrow, the cursor image of Linking and No linking will be pointer and hand; if the node includes arrow, the cursor image of Linking and No linking will both be hand.
• Work as add-in of Expression Web 2.0.

Fixed bugs:

• The “Check for Updates” dialog has popped up by mistake if installing and running Office 2007 after Sothink Tree Menu was installed.
• A mistake prompting dialog has popped up when you open the web pages in Dreamweaver or Golive and the web pages were saved in the directory with name containing Non-English characters.
• Some dll which was mistakenly regarded as viruses by Anti-virus software is actually not viruses.

Get more details

]]> http://www.dhtml-menu-builder.com/blog/sothink-tree-menu-26-is-released/feed/ 0 http://www.dhtml-menu-builder.com/blog/2-new-templates-are-released-4/ http://www.dhtml-menu-builder.com/blog/2-new-templates-are-released-4/#comments Fri, 08 Aug 2008 01:59:58 +0000 chenxixi http://www.dhtml-menu-builder.com/blog/?p=88 >]]> Good news! 2 new templates are released!

 
DHTML Menu templates: Jelly


Tree menu templates: Fresh

Click here to view more info>>

]]> http://www.dhtml-menu-builder.com/blog/2-new-templates-are-released-4/feed/ 0 http://www.dhtml-menu-builder.com/blog/sothink-dhtml-menu-86-is-released/ http://www.dhtml-menu-builder.com/blog/sothink-dhtml-menu-86-is-released/#comments Wed, 09 Jul 2008 01:19:53 +0000 chenxixi http://www.dhtml-menu-builder.com/blog/?p=87 Continue reading →]]>

Get more details | Free download

Version: Sothink DHTML Menu 8.6 build: 80707

Functions Enhanced:

• Support Firefox 3 and Opera 9.5.
• Work as add-in of Expression Web 2.0.
• Upgrade plug-in from 3.2 to 3.3 for Dreamweaver, from 3.2 to 3.3 for FrontPage, from 1.7 to 1.8 for Expression Web and from 2.1 to 2.2 for Golive.

Fixed bugs:

• The “Check for Updates” dialog has popped up by mistake if installing and running Office 2007 after Sothink DHTML Menu was installed.
• A mistake prompting dialog has popped up when you open the web pages in Dreamweaver or Golive and the web pages were saved in the directory with name containing Non-English characters.
• Some dll which was mistakenly regarded as viruses by Anti-virus software is actually not viruses.
• An error dialog has popped up when clicking “Save and close” while using the Sothink DHTML Menu as an add-in in Dreamweaver 3 and Dreamweaver 4.

]]> http://www.dhtml-menu-builder.com/blog/sothink-dhtml-menu-86-is-released/feed/ 0