Html Side Menu Example by Deluxe-Menu.com
Html Side Menu Example

Menu Screenshots

Html Side Menu Example Start Menu Dhtml

Features

Professional Look-n-feel
  • Entirely customizable look-n-feel
  • A lot of pre-designed html side menu example 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!
Drop Down Web Buttons Java Script Html Side Menu Example
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
Easy Setup
  • De Luxe Tuner. GUI interface to create your html side menu example menus easily and in no time
  • Sensible menu parameters for manual editing
Cost Effective



2.0 Buttons by Web-Buttons.com v3.0.0

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.

Recent Questions

Q: You have been great help, but this will not work for me. All I want is the dropdown menu javascript I have attached to have these colors on the seperate top items. I just cannot make the software work . As soon as I get this done I promise to leave you alone

#0000ff Find Out Who We Are
#FF00FF Apply for a Fellowship
#00ffff Fellow'sCorner
#00ff00 Enroll in a Course
#FFFF00 Engage in a Discussion
#FF0000 Read the Bulletin

A: You should create 6 Individual Styles and assign them to you topitems.

  var itemStyles = [
["itemBackColor=#0000ff,#0000ff","showByClick=0"], //style 0
["itemBackColor=#FF00FF,#FF00FF","showByClick=0"], //style 1
["itemBackColor=#00ffff,#00ffff","showByClick=0"], //style 2
["itemBackColor=#00ff00,#00ff00","showByClick=0"], //style 3
["itemBackColor=#FFFF00,#FFFF00","showByClick=0"], //style 4
["itemBackColor=#FF0000,#FF0000","showByClick=0"], //style 5
];

["Find out Who we are","http://www.humanscience.org/", "", "", "", "", "0", "0", "", "", "", ], //style 0
["Apply For Fellowship","http://www.humanscience.org/infoSnippets.cfm", "", "", "", "_blank", "1", "", "", "", "", ], //style 1
["Fellows Corner","", "", "", "", "", "2", "", "", "", "", ], //style 2
["Enroll in a course","", "", "", "", "", "3", "", "", "", "", ], //style 3
["Engage in a discussion","", "", "", "", "", "4", "", "", "", "", ], //style 4
["Read The Bulletin","", "", "", "", "", "5", "", "", "", "", ], //style 5

You can also set
  var itemSpacing=0;
to delete spacing around the dropdown menu javascript.



Q: I want to have the dhtml popup display as you mouse over an image - is this possible?

A: For example you want to open a popup onMouseover, onClick oronMouseout on a link.

So, you should create a link on your page and set id="" for it, forexample:

<a href="javascript:;" id="link">Open popup OnClick</a>
<a href="javascript:;" id="over">Open popup OnMouseover</a>
<a href="javascript:;" id="out">Open popup OnMouseOut</a>

In Deluxe Tuner you should set:
onMouseOver - over
onMouseOut - out
onClick - link

So you'll have

deluxePopupWindow.attachToEvent(win,',,onClick=link,onMouseOver=over,onMouseOut=out,')


Q: I have the cursor set as pointer – on some of the top menu items there is no link behind it yet the cursor still turns to a pointer.

Is there any way to have it so it only becomes a pointer if there is a link?


A: Unfortunately, you can set different cursor type for the menu items.


Q: Please kindly help to this problem, in my pass few weeksI'm using my deluxe menu and I can type arabic text there, but now its seems that the software is not recognizing the arabic text, from my screenshot you can understand that it shows a different symbols although im typing arabic font.
Now I couldnt type arabic font and I have existing projects website and need to edit it again but I can't coz my software is not recognizing the arabic text.


A: Unfortunately, you can't use arabic characters in Deluxe Tuner application.
You should manually correct your code.
And after you create your menu you can open your data file (created inDeluxe Tuner) in any text editor (click F4 on this file) and add your text parameter, forexample:

["Home","testlink.html", , , , , , , , ],
["Product Info","", "default.files/icon1.gif", "default.files/icon1o.gif", , , , , , ],
 ["|Features","testlink.html", "default.files/icon2.gif", "default.files/icon2o.gif", , , , , , ],
 ["|Installation","", "default.files/icon2.gif", "default.files/icon2o.gif", , , , , , ],
   ["||Description of Files","testlink.html", "default.files/icon6.gif", "default.files/icon6o.gif", , , , , , ],

...You should enter text to "Home", "Product Info", "|Features","|Installation","||Description of Files" fields in the text editor.Try that.