dhtml-menu-builder.com » iPad web design http://www.dhtml-menu-builder.com/blog Tech Tips, Samples and More Sat, 01 Oct 2011 13:09:30 +0000 en hourly 1 http://wordpress.org/?v=3.0 How Does Tree Menu Display Properly On iPad Websites? http://www.dhtml-menu-builder.com/blog/how-does-tree-menu-display-properly-on-ipad-websites/ http://www.dhtml-menu-builder.com/blog/how-does-tree-menu-display-properly-on-ipad-websites/#comments Thu, 29 Jul 2010 14:10:10 +0000 evazhou http://www.dhtml-menu-builder.com/blog/?p=130 Continue reading →]]> Apple’s iPad leads us into the better user experience, which provides us more ways to view websites, and the smart fluid width design can be landscape or portrait mode, which gives the visitors two completely different layouts of website. But now, the desktop computer is not compatible with iPad because of the different dimensions. For iPad web design, should we design two types of navigation tree menu for iPad websites? Of course you not, Sothink Tree Menu enables you to create the magic tree menu to match with iPad web page.

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:
ipad tree menu - blue

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

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

    iPad Tree Menu

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

    3. 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.

    iPad Tree Menu - Node settings

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

    4. 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.

    iPad tree menu - web path

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

    5. 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 ipad tree menu - publishPublish 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