Css Sliding Side Bar Menu by Deluxe-Menu.com
Css Sliding Side Bar Menu

Template:

Dark Red Menu Template - Rollover Dropdown Menu






    - Image arrows
    - Transition #14 - "fade out" effect
    - Submenus automatically scrolls
    - 85% transparency for sub menus
    - Relative/Absolute menu position
    - Search feature - add the search area in the menu and type symbols.
    - Top items and submenus have a shadow
    - Sound support!




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

Menu Screenshots

Css Sliding Side Bar Menu Pop Up Menu Frame Javascript Examples

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

Features

Easy Setup
  • De Luxe Tuner. GUI interface to create your css sliding side bar menu menus easily and in no time
  • Sensible menu parameters for manual editing
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
Dhtml Vertical Slide Menu Css Sliding Side Bar Menu
Professional Look-n-feel
  • Entirely customizable look-n-feel
  • A lot of pre-designed css sliding side bar menu 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!
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.

  • There can be multi level menus - create as many rows or columns of the menu as you want.
  • Use a mouse to drag a menu as a usual window. Also you can construct the menu where each submenu can be "detached" from the main menu (MSOfficeToolbarLike mode).
  • When the page is scrolled the menu remains visible. The DHTML menu can "float" along one or two coordinate axes.
Buy Now!   ::  Free Trial Download   ::  More Info

Recent Questions

Q: I am working on a menu for a client. I have most of the functionality in place for this client. I have 2 questions that I have not been able to figure out on this menu.

1. Is there a way to define the border image or color on an item in this simple javascript dropdown menu. I need to be able to add in lines between the items. I have not been able to figure out how to do that.
2. Is there a way to dynamically highlite an item? For instance if you are on the page "Horizon for SAP" as illustrated, I would want that to show differently in the menu.

I have written scripts to dynamically generate this menu based off of a sitemap. I just need to make one item on it look different based on your breadcrumb or where you are in the site.

A: > Is there a way to define the border image or color on an item.

You can't specify the image for border, but the color and width are fully configurable.

> 2. Is there a way to dynamically highlite an item?
Yes, please see

http://deluxe-menu.com/dynamic-functions-sample.html



Q: How do I open a PDF document in a new window?  Is this in the Item Parameters window?

A: You can specify target parameter for each item
 ["|Open file","file.pdf", "", "", "", "_blank", "", "", "", ],

If you want to use context menu you can try to write your menuItems in the following way:
 ["|<a href='file.pdf' target='_blank'>Open file</a>","", "", "", "", "", "", "", "", ],

But you should create correct style for <a> tag.



Q: I am using JavaScript Deluxe Menu v3.1 and have some problem with the doctype declaration. If I use the declaration:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">

the menuBackImage and itemBackImage images do not display properly. Check with and without doctype declaration. Is there a known fix for this?

A: You should specify units in "px" for the javascript menu object.

  var itemPadding="15px 10px 0px 20px";
  var menuStyles = [
["smColumns=2","itemPadding=25px 10px 10px 10px"],
["itemPadding=25px 10px 10px 20px"],
["menuBackImage=img/nahbp_1.gif","itemPadding=25px 10px 10px 20px"],
];



Q: I would like, that not only the text is represented differently when dhtml nav menu item is expanded, also the Icon separates before it at the side where I am.

iconarrs.gif is not right
iconarrs_aktiv.gif is right

How do I solve that?

A: You should set arrow for expanded state

   ["||Seite 1","seite1.htm", "deluxe-tree.files/iconarrs.gif", "", "deluxe-tree.files/iconarrs_aktiv.gif", "Seite 1", "_self", "", "", "", ],
   ["||Seite 2","seite2.htm", "deluxe-tree.files/iconarrs.gif", "", "deluxe-tree.files/iconarrs_aktiv.gif", "Seite2", "_self", "", "", "", ],
   ["||Seite 3","seite3.htm", "deluxe-tree.files/iconarrs.gif", "", "deluxe-tree.files/iconarrs_aktiv.gif", "Seite3", "_self", "", "", "", ],




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