Jul 10

How to Make Drop Down Menu for iPad Website?


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:

iPad drop down menu

  1.  Start With Built-in Templates from DHTML Menu Builder
  2. Launch Sothink DHTML Menu, template windows opens; and choose iPad drop down menu “Clean” under the category “Business”.

    Built-in Templates from DHTML Menu

  3. Set iPad drop down menu for iPad website
  4. 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.

    Set Global Settings - DHTML Menu Builder

  5. Modify the text and link for iPad drop down menu
  6. 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.
    Set Menu Item Settings - DHTML Menu Builder

  7. Set resource folder to make iPad drop down menu work well in local or Internet
  8. 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.

    Set Resource Folder - DHTML Menu

  9. Publish the iPad drop down menu to make it display on iPad web page
  10. 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:

iPad drop down menu

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