Template Css Menu Accordeon by Deluxe-Menu.com
Template Css Menu Accordeon

Menu Screenshots

Template Css Menu Accordeon Horizontal Menus Java

Features

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
Easy Setup
  • De Luxe Tuner. GUI interface to create your template css menu accordeon menus easily and in no time
  • Sensible menu parameters for manual editing
Dhtml Mouse Over Template Css Menu Accordeon
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
Professional Look-n-feel
  • Entirely customizable look-n-feel
  • A lot of pre-designed template css menu accordeon 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!



2.0 Buttons by Web-Buttons.com v3.0.0

Javascript Menu. DHTML Menu.

  • Build right-click menus for your site. For this purpose you should appoint a peculiar method for the object you want. The current X,Y of the mouse pointer or your own ones can be used for the context menu.
  • Design menus absolutely based on CSS (Cascading Style Sheets). It is possible to apply the personal CSS styles for every elements of the menu.
  • When the submenu is bigger than the visible page area, the size of submenu will be automatically decreased. To view all the submenu items you do not need to use scrollbars or something like that - just put your mouse to the bottom of a submenu and it will be automagically scrolled! You can also define width and height for each submenu.

Recent Questions

Q: I set a custom target at '_mainFrame' required by Dreamweaver to view in a particular frame. When I click my button it opens in its own window.

Your thoughts would be appreciated.


A: Please, check the following code, for example
  var itemTarget="_mainFrame";

["Galerie de photos","photos/index.php", "img/arrow_r.gif","img/arrow_o.gif", , "_self", , , , ],

or

["Galerie de photos","photos/index.php", "img/arrow_r.gif","img/arrow_o.gif", , "_mainFrame", , , , ],

I suppose that now you have such code
["Galerie de photos","photos/index.php", "img/arrow_r.gif","img/arrow_o.gif", , "_blank", , , , ],


Q: I've tried to add the pathPrefix_img as suggested and I'm still having trouble with images.
Can you provide anymore feedback on what I'm doing wrong?


A: Now you have such paths:

  var pathPrefix_img="http://www.domain-name.com/images/";

and

  var arrowImageMain=["CFTopMenu.files/arrv_white_1.gif",""];

So, the full path we'll be:

http://www.domain-name.com/images/CFTopMenu.files/arrv_white_1.gif

Is it right?
I've tried to download your image from this link. There is no such image.
If you want to put all your images into the "images" folder you should write so:

  var pathPrefix_img="http://www.domain-name.com/images/";

and

  var arrowImageMain=["arrv_white_1.gif",""];

Please, check that you upload all your images on the server in the right places.


Q: I know. I have two menus on the page and I am not using beforeItemImage orafterItemImage for the top menu in javascript (the one you referenced below), but I need it for the second menu. The parameters for that menu are in mainnav_data.js.

Even when I only call dmWorkPath and dmenu.js once, it does not work.

A: See, it is not correctly to use image-based items:

["","", "mainnav_data.files/corpinfo.gif", "mainnav_data.files/corpinfo2.gif", "", "_self", "0", "", "", "", "", ],

and specify beforeItemImage/afterItemImage parameters. They won't work in that case.

You can create such buttons in the following ways:
1) Use image-based menu (images with text).

Create normal and mouse-over state images (with text) for each item:
["","", "mainnav_data.files/corpinfo.gif", "mainnav_data.files/corpinfo2.gif", "", "_self", "", "", "", "", "", ],
["","", "mainnav_data.files/new.gif", "mainnav_data.files/new2.gif", "", "_self", "", "", "", "", "", ],
["","", "mainnav_data.files/xxxxx.gif", "mainnav_data.files/xxxxx2.gif", "", "_self", "", "", "", "", "", ],


2) Use combined background for the menu in javascript items (images without text).

  var beforeItemImage = [,]; //left-side image for normal and mouse over state
  var itemBackImage = [,]; //background or image for normal and mouse over state
  var afterItemImage = [,]; //right-side image for normal and mouse over state
  var beforeItemImageW = '';
  var afterItemImageW = '';
  var beforeItemImageH = '';
  var afterItemImageH ='';

But you should create a small images in any Graph Editor, for example:
button_n_back.gif
button_n_left.gif
button_n_right.gif
button_o_back.gif
button_o_left.gif
button_o_right.gif

You cannot use these two methods together!


Q: Tree menu doesn't display properly in Firefox or IE7. Could you give me advice on how to correct this problem? The menu creates black 'blinds' horizontally across the page. Since IE7 will be rolling out soon I need to get this corrected sometime in the next couple weeks.


A: Try to specify units in "px".
  var tmenuWidth = "280px";
It's necessary to specify exact value for Mozilla browsers. It helps to position menus correctly.