Free Vertical Css Menu Sample by Deluxe-Menu.com
Free Vertical Css Menu Sample

Template:






    - Personal CSS styles for separate menu elements
    - Sound support!
    - Submenus automatically scrolls
    - Items with icons
    - Submenus dropdown on mouseover
    - Keyboard navigation - press Ctrl+F2 to enter the top menu
    - 85% transparency for sub menus
    - Horizontal or vertical orientation




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

Menu Screenshots

Free Vertical Css Menu Sample Menu Slide Down Javascript Example

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

Features

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



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

Javascript Menu. DHTML Menu.

  • Create contextual menus for your pages. For this purpose you should assign a special function for the object you want. The current coordinates of the mouse pointer or your own ones can be used for the contextual menu.
  • When the submenu is larger than the visible area of the page the submenu will be automatically decreased. To see 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 automatically scrolled! You can also specify height and width for each separate submenu.
  • Build menus completely based on Cascading Style Sheets. It is possible to appoint the individual CSS styles for separate elements of the menu.
Buy Now!   ::  Free Trial Download   ::  More Info

Recent Questions

Q: I can display time in 12 or 24 hour format in the dhtml date picker- however for the selection it only allows 24 hour format.

A: Try to specify date format in the following way:

%L %d, %Y, %l, %I:%M %p

So, you'll have: January 14, 2009, Jan, 03:50 pm



Q: Even with the shadow setting removed -- there's a white space that surrounds the menu. I just can't figure out where the 1px white padding is coming from. I've checked and doubled checked my CSS -- so the problem is within the script with a setting I'm not familiar with.

A: Set

  var menuBorderWidth=0;

to remove white border from your submenus.

Add the following parameter to your Table:

<TABLE class=toptable cellPadding=0 cellSpacing=0 width=1000 align=center border=0>



Q: I have 6 menu items that are ALL graphics...they can't just be background images because they all have graphic text, so the rollovers are unique to each menu item. I just need it to function like a typical rollover with images.


A: Yes, you can create such menu.

You should write your menu items in the following way:
["","", "images/vista1/btn_black.gif", "images/vista1/btn_black_blue.gif", , , , , , ],
["","", "images/vista1/btn_black.gif", "images/vista1/btn_black_blue.gif", , , , , , ],



Q: I got it working however I have an additional question.

How do I allocate the width of each "button" see sample how for instance the "FAQ" button is so narrow compared to others. I tried adding spaces with no result.

A: You can use Individual Item Styles to set exact width for the menuitems.

For example:

  var itemStyles = [
["itemWidth=100px"], //style 0
];

  var menuItems = [

["Home","testlink.html", "", "", "", "", "0", "", "", ], //style 0
["Product Info","", "", "", "", "", "0", "", "", ], //style 0




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