Imaster Css Horizontal Menu Source Code by Deluxe-Menu.com
Imaster Css Horizontal Menu Source Code

Template:

Green Tabs Template - Mouseover Drop Down Menu






    - Several menus on one page
    - Relative/Absolute menu position
    - Submenus automatically scrolls
    - Filters and Transitional effects
    - Cross-frame support - menus work on frameset-based pages
    - Inactive/Disabled items
    - 85% transparency for sub menus
    - Unlimited number of sub levels




2 0 Navigation Buttons by Web-Buttons.com v3.0.0
Buy Now!   ::  Free Trial Download   ::  Blog   ::  More Info

Menu Screenshots

Imaster Css Horizontal Menu Source Code Dhtml Tree Menus

Buy Now!   ::  Free Trial Download   ::  More Info

Features

Easy Setup
  • De Luxe Tuner. GUI interface to create your imaster css horizontal menu source code 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
Html Codes For Drop Down Menu Imaster Css Horizontal Menu Source Code
Professional Look-n-feel
  • Entirely customizable look-n-feel
  • A lot of pre-designed imaster css horizontal menu source code 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
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
Buy Now!   ::  Free Trial Download   ::  More Info

Javascript Menu. DHTML Menu.

  • Tune menu parameters manually or using Deluxe Tuner. Then add several rows of a code within html page - your menu is ready!
  • Use special JavaScript functions for: Dynamic changing of items (text, link, icons and even individual style!). Making a menu item active/inactive. Addition/removing of items. Changing of visibility of items. Getting the information on any menu, submenu and items. Other tricks.
  • Opportunity to control the menu from the keyboard.
  • Cross-frame mode allows you to build full-featured menus on the pages that use frame-based structure. But for all that it's not necessary to insert any additional code into all the pages - just specify some additional parameters of the menu.
Buy Now!   ::  Free Trial Download   ::  More Info

Recent Questions

Q: I recently upgraded to the new version. Now I am having a problem with the javascript navigation width. I have the main menu set it 98% using the Deluxe Tuner but it only shows it on my web page at about 25%. I can’t seem to get it to change. I have opened the js file and it is showing 98% but still showing at 25% on web page. I am using a floatable horizontal menu with submenus. Can you think of anywhere else I need to check/check a width setting?

A: Check that you haven't set itemWidth parameter in your styles, for example:

  var itemStyles = [
["itemWidth=150px"],
];

Q: For each item in my menu, can I specify an image in place of text or background?


A: If you want to use images instead item text, you should useindividual item styles. For example:

  var itemStyles = [
["itemWidth=200", "itemBackImage=image1.gif,image2.gif"], // style 0
["itemWidth=150", "itemBackImage=image3.gif,image4.gif"], // style 1
];

  var menuItems = [
[" ", "link", "", "", "tip", "target", "0"],
[" ", "link", "", "", "tip", "target", "1"],
];

Where "0", "1" - style number in itemStyles.

Please, use Deluxe Tuner application to create and assign individualstyles. You can find Deluxe Tuner in the trial package.


Q: I have placed my horizontal menu in javascript (1003 px width) in a table whose width is 1003px my dropdowns span from extreme left to extreme right (screen shots attached) by default the dropdown is leaving 20 pixels margins on both the ends which disturbs my layout. This happens when my screen resolution is 1024 x 768, when viewed in higher or wide screen monitors this problem does not arise. Please suggest a solution.

Appreciate your response.

A: This is space to document borders. We've set this space, so that yoursubmenus will not look like the part of browser window. If you wantyou can delete that space.

Open engine file for horizontal menu in javascript - dmenu.js - file in any text editor and find the following code:

space=15;

Change 15 to 0.

space=0;



Q: Is it possible that a menuitem of the js dropdown menu stays highlighted after clicking and loading the new html site?


A: The menu has only two states normal and mouseover. We'll try to add the pressed state in the future.

You can set a pressed item using Javascript API:

function dm_ext_setPressedItem (menuInd, submenuInd, itemInd, recursion)

Sets a current pressed item.
menuInd - index of a menu on a page, >= 0.
submenuInd - index of a submenu, >= 0.
itemInd - index of an item, >=0.
recursion = true/false - highlight parent items.

But notice, to use dm_ext_setPressedItem() you should know ID of selected item and subitem.
You can't get this ID after you reload your page. That is why you should write your own code on PHP.

You can also set the correct
  var pressedItem=1;
parameter on each html page.



Buy Now!   ::  Free Trial Download   ::  More Info