Moomenu Css Examples by Deluxe-Menu.com
Moomenu Css Examples

Menu Screenshots

Moomenu Css Examples Menu Dropdown Javascript

Features

Cost Effective
Professional Look-n-feel
  • Entirely customizable look-n-feel
  • A lot of pre-designed moomenu css examples samples
  • Hundreds of visual effects
  • Custom CSS styles can be applied for all menu settings
Html Hide Browser Menu Bar Moomenu Css Examples
Unrivalled Features
  • Scrollable, dragable, floating, right-click menus
  • Keyboard navigation - press Ctrl+F2 to enter the menu
  • Unique Java Script API for altering menu "on-the-fly", without page reloading
  • AJAX technology - loads menu data from the server "on-fly and on-demand".
  • Search feature - add the search area in the menu and type symbols. The found words will be higlighted.
  • Sound support!
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
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



2.0 Buttons by Web-Buttons.com v3.0.0

Javascript Menu. DHTML Menu.

  • Apply any font of any color, size and font decoration you need. Use any available type, color and thickness of a menu's frame. Choose any color for submenus and items backgrounds.
  • Set the size of the menu in percent, pixels, or other units. This menu may have a relative (it can be inserted into the table, for example) or absolute position .
  • Specify various values for spacing and padding for the whole menu and for each separate submenu.
  • You can specify a time for delays in showing or hiding of a submenu. Use special prefixes for image paths and links to make paths absolute.
  • Create separators using your own pictures, size and alignment.

Recent Questions

Q: Please tell me in very plan instructions how to load the dhtml menu slide on to a blank Front Page web page?


A: You should do the following things:

1. Create your menu in Deluxe Tuner.

2. Export the menu into html file "File/Export/To HTML".

3. Copy generated folder with all engine .js files and images
("deluxe-menu.files/" by default) and data-deluxe-menu.js (by default) into the same folder with you index.html page (created inFrontPage).

4. Now you should add several rows of code into your index.html file.
You can do it in FrontPage (open HTML source of the page and edit it)
or in any text editor. Open your index.html page and edit it.

Notice that you'll have errors in the Preview. But you won't get errors if you open this page in the browser.5. Add the following code in the tag:

<!-- Deluxe Menu -->
<noscript><a href="http://deluxe-menu.com">Javascript Menu by Deluxe-Menu.com</a></noscript&ht;
<script type="text/javascript">>  var dmWorkPath="deluxe-menu.files/";</script>
<script type="text/javascript" src="deluxe-menu.files/dmenu.js"></script>

and
<script type="text/javascript" src="data-deluxe-menu.js"></script>

in the place where you want to have the menu.
You can paste it in <table>, <div> tags.

For example:
<div align=center>
<script type="text/javascript" src="data-deluxe-menu.js"></script>
</div>

6. Save your index.html page and open it in any browser.



Q: I can not figure out why my submenus are not opening next to the javascript menu horizontal? I have included a picture so you can see what I am talking about. When I am in the turner program they pop up just fine but on my website they don't.

A: See, the problem is that the script can't get css properties of the object if they are described in separate .css block (or file).In other words, you can't get the value of "POSITION: absolute" attribute of the object if the object doesn't have this property within inline style (style="POSITION:absolute;"). To get the value you should move .css style into style="" attribute.

Please, try to add your
css file -> inline css, for example:

You should add style="POSITION: absolute; TOP: 0px"

to the

<div id=div_name>

So, you'll have:

<DIV id=div_name style="POSITION: absolute; TOP: 0px">
Try that.



Q: I had to put the site live and had taken out the white border. I've used one of the better elements of your application and put a second data file (data1.js) and a sample page up that recreates the aberrant behavior in IE and the missing border-bottom in Firefox and Opera.

In IE, the entire border of each element has about a 5px white border until you mouseover each element. Then the border-bottom (1px solid white) shows correctly.

In both Firefox and Opera the border doesn't show at all.


A: Try to write so:

  var absolutePos=1;
  var posX="10";
  var posY="400";

  var itemStyles = [
["itemBorderWidth=0 0 1px 0","itemBorderStyle=solid,solid","itemBorderColor=#FFFFFF,#FFFFFF"],
];


Q: I am evaluating your Deluxe Menu. I see there are many different template designs. Is it possible to create a custom image to be used as the base image for the main javascript pull down menu? If, so how is it done? Or is it mandatory to use the templates available? I would like to have a larger image for the main javascript pull down menu. Most templates have very small and thin images.

A: No, it is not mandatory to use templates.

You can use your own images. Try to use the following javascript pull down menu parameters:

  var menuBackImage="";
  var menuBackRepeat="repeat";
  var itemBackImage=["",""];

And Individual Item Style and Individual Submenu Styles.