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

Menu Screenshots

Menu Template Css Ajax Menu Sample With Java Script

Features

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

  • 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: My submenu in the mouse over drop down menu is faded too quickly if I pull away the mouse.

A: Try to use the following parameter:

You can use the following parameters there:
  var smShowPause=200;
  var smHidePause=5000;


Q: I recently started using a new software program on my home page and am running into an issue with your drop down menu in css working with this software.

Basically no matter what I change the DmZorder to drop down menu in css always shows up behind the dhtml windows that I am trying to use.

After working with their support team they have stated that they believe the problem exists within the menus and I am attaching a screenshot they sent me.

Can you please assist me in resolving this issue?

A: Try to delete the following properties from #main style:

POSITION: absolute; TOP: 0px; LEFT: 0px;

See the attached example.

Set also units in "px":

  var itemPadding="2px";

It helps to display the drop down menu in css correctly in all browsers.



Q: I have read your FAQ’s on “When using mouse over tab menu, where do I place the text content related to the selected tab”, but I am still not understanding how to edit the script.
Cansomeone please assist me.

A: You should specify any Object ID name of the DIV.

See, for each item you should assign the ID property of the content
DIV (see data file with your menu parameters).

["Style Name","contentName", "", "", "", "", "1", "", "", ],
["-","", "", "", "", "", "0", "", "", ],
["Style Description","contentDescription", "", "", "", "", "", "", "", ],
["-","", "", "", "", "", "0", "", "", ],
["Style Variations","contentVariations", "", "", "", "", "", "", "", ],
["-","", "", "", "", "", "0", "", "", ],
["Empty","", "", "", "", "", "2", "", "", ],

And on your html page you should create DIV's with such ID.
You canset background image for these DIV's in styles.

<div id="contentName" style="height: 0%; visibility: hidden; background-image: url('img/back.jpg'); background-repeat:repeat-y;" class="tabPage">
<p align=center><img src="img/style01_title.gif" width=140 height=90 alt="Glass Style Tabs"></p>
You should paste your content here!!!!!
</div>

<div id="contentDescription" style="height: 0%; visibility: hidden;" class="tabPage">
<p align=center><img src="img/style01_title.gif" width=140 height=90 alt="Glass Style Tabs"></p>
You should paste your description here!!!!!
</div>



Q: I'm not getting information when the move the mouse over the dhtml dynamic menu etc., however if use it on a local machine it shows the necessary information in the status bar of my ie7 . . . any ideas ?

A: You should set the following browser setting:

"Tools/Internet Options/Security/"

click "Custom level..." button and enable "Allow status bar updates viascript" in "Scripting" column (almost at the end of the list).

This is IE7 feature. In the other browsers you won't have suchproblem.

You can find more info here:
http://blogs.msdn.com/ie/archive/2006/09/15/754804.aspx