How to Make Drop Down Menu for iPad Website?

iPad time is overwhelming arrival for  hot sales  since its release.  iPad will be popular in the future, are you prepareded  to make your website become iPad website, and satisfy with your iPad visitors? Definitely 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; 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
  2. Launch Sothink DHTML Menu, template windows opens; and choose iPad drop down menu “Clean” under the category “Business”.

  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.

  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.

  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.

  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:


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

Share and Enjoy: These icons link to social bookmarking sites where readers can share and discover new web pages.
  • Facebook
  • Twitter
  • StumbleUpon
  • Digg
  • LinkedIn
  • Google Bookmarks
  • Reddit

Comments are closed.