Css Templates Fixed Menu by Deluxe-Menu.com
Css Templates Fixed Menu

Menu Screenshots

Css Templates Fixed Menu Sliding Menu Horizontal

Features

Professional Look-n-feel
  • Entirely customizable look-n-feel
  • A lot of pre-designed css templates fixed menu samples
  • Hundreds of visual effects
  • Custom CSS styles can be applied for all menu settings
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!
Create Menu Css Css Templates Fixed Menu
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
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
Easy Setup
  • De Luxe Tuner. GUI interface to create your css templates fixed menu menus easily and in no time
  • Sensible menu parameters for manual editing



2.0 Buttons by Web-Buttons.com v3.0.0

Javascript Menu. DHTML Menu.

  • You can set the size of the menu in pixels, percent or other units. The menu may have an absolute or relative position (it can be inserted into the table).
  • Use any necessary font of any color, size and font decoration. Create any available type, thickness and color of a menu's frame.Choose any color for backgrounds of submenus and items.
  • Specify various values for padding and spacing 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: I am still struggling with multiple menus on one page.
It is probably something I am doing wrong, but I cannot see it.


A: Now you have:

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


So, both of your menus have the same absolute position.

You can use relative position and place your menu inside <table>. In this case you should write so:

  var absolutePos=0;


Q: I would like to call a popup window with javascript from a menu item.

A: You should add the code for popup window on your html page with the menu:
<!-- Deluxe Popup Window -->
<noscript><a href="http://deluxepopupwindow.com">menu drop down by DeluxePopupWindow.com</a></noscript>
<script type="text/javascript" src="deluxe-popup-window.files/dpopupwindow.js"></script>
<script type="text/javascript" src="deluxe-popup-window.js"></script>
<!-- (c) 2006, DeluxePopupWindow.com -->

Inside menuItems you should open the window in the following way:

["Click to open Popup Window","javascript:deluxePopupWindow.open('window1',
'http://deluxepopupwindow.com', 'Popup window',
'width=420,height=300,resizable,scrollbars=no,middle,right,fade-effect',
'windowsvista_graphite','iframe')",
"", "", "", "", "0", "", "", "", "", ],

More info about deluxePopupWindow.open() method you can find here:
http://deluxepopupwindow.com/window-installation-info.html


Q: We want the javascript dhtml drop down menu which have sub menu to have a arrow, so that the visitor know that they have to cliek there. We have put in arrow on the tab which are having drop downs, but on mouse over to the single javascript dhtml drop down menu also it is showing the arrow and another problem is that when the drop down is used then there after the arrow is no more visible.

A: You can create Individual XP Style and use it for items with submenus:

  var tXPExpandBtn=["left.files/blank-arrow.gif","left.files/blank-arrow.gif", "left.files/blank-arrow.gif","left.files/blank-arrow.gif"];

  var tXPStyles = [
["tXPExpandBtn=left.files/menu-arrow.gif,left.files/menu-arrow.gif, left.files/menu-arrow01.gif,left.files/menu-arrow01.gif"],
];

and assign this style for all top items with submenus:

["+Company Profile","", "", "", "", "", "", "0", "0", "", ], //style0
 ["|Item 25","", "", "", "", "", "", "1", "", "", ],
 ["|Item 26","", "", "", "", "", "", "1", "", "", ],
["+Projects","", "", "", "", "", "", "0", "0", "", ], //style0
 ["|Item 27","", "", "", "", "", "", "1", "", "", ],
 ["|Item 28","", "", "", "", "", "", "1", "", "", ],
["+Services","", "", "", "", "", "", "0", "0", "", ], //style0

Try that.



Q: I am developing a site where the customer does not want any transition effects within the IE browser.
I want to emulate the above mentioned browsers with the same transition.
When mousing over javascript flyout menu - the submenu should appear with no effect.

A: To turn off transitional effects you should set the following parameters:

  var transition=-1;
  var transOptions="";
  var transDuration=0;
  var transDuration2=0;