Div Right Collapsed Css Horizontal by Deluxe-Menu.com
Div Right Collapsed Css Horizontal

Template:

Dell Style Template - Horizontal Dhtml Menu






    - Submenus dropdown on mouseover
    - Transition #14 - "fade out" effect
    - Keyboard navigation - press Ctrl+F2 to enter the top menu
    - Image arrows
    - Cross-frame support - menus work on frameset-based pages
    - Unlimited number of sub levels
    - Inactive/Disabled items
    - Hundreds of pre-designed templates




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

Menu Screenshots

Div Right Collapsed Css Horizontal Drop Menu For Home Page

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

Features

Cost Effective
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
Vertical Tab Menu Div Right Collapsed Css Horizontal
Professional Look-n-feel
  • Entirely customizable look-n-feel
  • A lot of pre-designed div right collapsed css horizontal 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
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



2.0 Buttons by Web-Buttons.com v3.0.0
Buy Now!   ::  Free Trial Download   ::  More Info

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.
Buy Now!   ::  Free Trial Download   ::  More Info

Recent Questions

Q: The menu doesn't show the drop down sub items. If you would look at the script there are two sublinks for Accommodation which however is not visible when we are doing a mouseover. I have attached the revised data.js file with this mail. Please let me know if thre is anything else hat i need to look into.


A: You should set back color for your submenus.

For example you should create style and assign it for the subitems:
  var itemStyles = [
["itemBackColor=#61420A,#B77D13","itemBorderWidth=1","itemBorderStyle=solid,solid",,
"itemBorderColor=#3C2906,#3C2906"],//style0
];

["Accommodation","#", "", "", "", "", "", "", "", ],
 ["|test1 text text","", "", "", "", "", "0", "", "", ], //style0
 ["|test2 text text text text","", "", "", "", "", "0", "", "", ],//style0

You should also set the following parameters:

  var itemAlign="left";
  var subMenuVAlign="bottom";


Q: First I want to thank you for the great support you provided. I have another question about the dynamic javascript tree. Is there a javascript API to fire an user click event so the browser will load proper page accordingly? I looked around the current APIs from your site and could not find one.

A: You can use dtreet_ext_userClick (itemID) function.
See more info:

http://deluxe-tree.com/functions-info.html

Actually you can use your own Javascript code instead standard links and html code inside item text. For example:

  var tmenuItems = [
["text", "javascript:your_code_here"]
];

or

  var tmenuitems = [
["<div onClick='urlSubstitution(\'transco/sheet.asp?stype=1\')'>Table of Contents</div>", ""]
];

Q: I should like that the active item were not stand out changing thebackground color to blue, but underlined, but I don't find as to do it.


A: Try to set the following parameter:  var ttoggleMode = 1;


Q: Thank you for the information. I have been successful in getting the drop down menu select to appear on my index.htm file.

I'm having some problems fine tuning it. I placed the code and files as indicated on the file. What I get is a menu appearing at the top of the page and a link titled: Trial Version where I want the menu to appear.

The other problem I am having is that the drop down menu select is left justified and I would like it to be centered on my page (table).

A: Check that you're using relative position for the drop down menu select. You shouldset:

  var absolutePos=0;
  var posX="0px";
  var posY="0px";



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