Css Horizontal Menu For Mobile by Deluxe-Menu.com
Css Horizontal Menu For Mobile

Menu Screenshots

Css Horizontal Menu For Mobile Navigation Tutorial In Java

Features

Easy Setup
  • De Luxe Tuner. GUI interface to create your css horizontal menu for mobile menus easily and in no time
  • Sensible menu parameters for manual editing
Seamless Integration
  • Cross-frame support - menus work on frameset-based pages
  • Visible over flash, select boxes, iframes, java applets
  • Multiple menus on the same page
  • Amicable to other scripts and css styles
  • Any HTML code can be used inside menu items
Dynamic Menus Html Css Horizontal Menu For Mobile
Professional Look-n-feel
  • Entirely customizable look-n-feel
  • A lot of pre-designed css horizontal menu for mobile samples
  • Hundreds of visual effects
  • Custom CSS styles can be applied for all menu settings
Compatibility              
  • Full cross-browser compatibility including IE, Netscape, Mozilla, Opera, Firefox, Konqueror and Safari on Windows, Mac OS and Linux
  • Menu can be populated from a database using ASP, PHP, etc.
  • Search engine friendly
  • Support for any doctypes
  • Fits for secure sites
  • Section 508 compliant
High Performance
  • AJAX menu loading - loads web menu data from the server "on-the-fly".
  • Commonly loads quicker than other html page elements
  • UL/LI items structure
  • Runs well with an unlimited number of submenus and items



2.0 Buttons by Web-Buttons.com v3.0.0

Javascript Menu. DHTML Menu.

  • Setup menu parameters manually or using De Luxe Tuner. Then add some rows of a code within html page code and your menu is ready!
  • Use special Java Script methods for: Dynamic changing of items (link, text, icons, arrows and even individual style!). Addition/removing of items or submenus. Disabling and enabling menu items. Getting the info on every submenu, menu, and items. Changing appearance of items. Other coding tricks.
  • Cross-frame mode lets you to construct full-featured dhtml menus on the pages with frames. But for all that frame set it's not necessary to insert any additional code into all the pages - just specify several extra menu parameters.
  • Ability to handle the menu from the keyboard via keystrokes.

Recent Questions

Q: I have just downloaded your trial version and am trying to use de-lux tuner using the windows xpstyle1 template. I can only seem to get the top java menu button showing as grey but can change colors of submenus OK. Am I missing something or is this a restriction of the trial system i.e. how do I get the top java menu button showing the same as submenu buttons.

A: Trial version has full functionality of the licensed version.

To change submenu colors you should change the following parameters:

  var menuBackColor="#F2F3F2";
  var itemBackColor=["#F2F3F2","#535353"];
and Individual Submenu Style:

  var menuStyles = [
["menuBackColor=#F2F3F2","menuBorderWidth=0","itemSpacing=0","itemPadding=4px","smOrientation=undefined"],
];

For the top items you should change Individual Item style:

  var itemStyles = [
["itemHeight=21px","itemBackColor=#F2F3F2,#535353"],
];



Q: Is it possible to set the color of the background on a selected item in the slide menu java script like you can with the foreground via:

  var tpressedFontColor="#3366FF";

Also is there a list somewhere of all the Vars?

A: No, unfortunately it is not possible now. You can set the pressed fontcolor only.

You can find all info about slide menu java script on http://deluxe-tree.com

http://deluxe-tree.com/parameters-info.html



Q: I'm a having an issue with my dhtml dropdown menus poping-up behind a flash object on a page. The key to this issue is that the menus work perfectly in our non-secure (HTTP) development environment, but do not work correctly on our secure (HTTPS) beta environment. The code on the 2 environments is exactly the same, and the beta environment does work when viewed in HTTP. Both the flash object and the Deluxe-Menu are called using relative paths, not absolute paths.

Please let me know what additional information you need from me. I appreciate any help you can provide.

A: Check that you're using latest version of engine files - v3.3.

You should add "opaque" parameter for <object> and <embed> tags.

See, how you should install flash on your pages.
<object classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000" codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=6,0,0,0" height="150"
width="732" name="if-header">
<param name="movie" value="images/flash/if-header.swf">
<param name="quality" value="best">
<param name="play" value="true">
<param name="wmode" value="opaque">
<embed height="150" name="if-header" pluginspage="http://www.macromedia.com/go/getflashplayer" src="images/flash/if-header.swf" type="application/x-shockwave-flash" width="732"
quality="best" wmode="opaque" play="true">
</object>


Q: I never succeed to see the images in the dhtml menu examples using my default folder hierarchy (ie : a folder for the html files and a folder for the js files). The only way for me was to create the data.files folder in the html folder. It works but it does not follow my production standard. Did I forget something ?

A: You should set relative paths according to your html page.
For example, you have such file structure:
web-content/
   data/
     dmenu.js
     data.js
   Artwork/
     image.gif
     ...
   pages/
    1.html // page with the dhtml menu examples
    2.html // page with the dhtml menu examples
...

So in Deluxe Tuner you should open image.gif file.
You will have, for example:
d:\webpages\site\web-content\Artwork\image.gif

Then you should delete "d:\webpages\site1\web-content\" and add ../prefix. The path will be:

../Artwork/image.gif

You can also set path_prefix
  var pathPrefix_img = "../Artwork/";

Or you can try to use absolute paths, for example:
  var pathPrefix_img = "http://domain.com/images/";