Side Left Accordion Menu by Deluxe-Menu.com
Side Left Accordion Menu

Menu Screenshots

Side Left Accordion Menu Javascripts Navigation

Features

Professional Look-n-feel
  • Entirely customizable look-n-feel
  • A lot of pre-designed side left accordion 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!
Javascript Mouseover Menu Download Side Left Accordion Menu
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
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

Javascript Menu. DHTML Menu.

  • Build right-click menus for your site. For this purpose you should appoint a peculiar method for the object you want. The current X,Y of the mouse pointer or your own ones can be used for the context menu.
  • Design menus absolutely based on CSS (Cascading Style Sheets). It is possible to apply the personal CSS styles for every elements of the menu.
  • When the submenu is bigger than the visible page area, the size of submenu will be automatically decreased. To view 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 automagically scrolled! You can also define width and height for each submenu.

Recent Questions

Q: Hi, I just downloaded a trial version of your software but I don't know how to use it. Do you have online tutorials to learn how to work with it?? Thank you.


A: Unfortunately we don't have step by step tutorial now. We'll try tocreate it in the nearest time.

1. Create your menu in Deluxe Tuner application.
You can create any menu as you like in Deluxe Tuner.

Deluxe Tuner v2.4 supports Deluxe Menu (http://deluxe-menu.com) &Deluxe Tree (http://deluxe-tree.com) & Deluxe Tabs (http://deluxe-tabs.com)

You can use ready to use templates. You can find them in the templateswindow.

When you open Deluxe Tuner ( Deluxe Menu ) you can click "File/New"and add items and subitems using buttons "Add Item" and "Add Subitem" onthe main window.
You should set items and subitems parameters on the "Item Parameters"window.
See also other parameters for the menu on the main window.

More info about menu parameters you can find on our site (you can alsouse local version of the site which you can find in the trial package"Deluxe Menu / deluxe-menu.com /")
http://deluxe-menu.com/parameters-info.html
http://deluxe-menu.com/menu-items-info.html

You can also use Individual Styles for items and subitems
http://deluxe-menu.com/individual-item-styles-info.html
http://deluxe-menu.com/individual-submenu-styles-info.html

2. You should install the menu on your page.
You can click, for example, File/Export to HTML (you can't do it inthe MAC version).

Add several rows into your html page.

<head>
...
<!-- Deluxe Menu -->
<noscript><a href="http://deluxe-menu.com">Javascript Menu by Deluxe-Menu.com</a></noscript>
<script type="text/javascript">  var dmWorkPath="deluxe-menu.files/";</script>
<script type="text/javascript" src="deluxe-menu.files/dmenu.js"></script>
<script type="text/javascript" src="data-deluxe-menu.js"></script> //data-deluxe-menu.js - data file created in Deluxe Tuner.
...
</head>

<body>
...
<table>
<tr><td><script type="text/javascript" src="deluxe-menu.files/data.js"></script></td></tr>
</table>
...
</body>

You should also copy all engine files
dmenu.js
dmenu4.js
dmenu_add.js
dmenu_dyn.js
dmenu_key.js
dmenu_cf.js
dmenu_popup.js
dmenu_ajax.js
into "deluxe-menu.files/" folder. You should place this folder in thesame folder with your index. html page.


Q: Things are mostly working great. I want my menu to appear centered at the top the page. Here's the code:

<table style="text-align: left; width: 100%;" border="0" cellpadding="2"cellspacing="2">
<tbody>
<tr>
<td style="width: 100%; text-align: center;"><script type="text/javascript" src="navbar.js"></script>
</td>
</tr>
</tbody>
</table>

The table appears at the far left edge of the window. I tried with both absolute (x=20, y=10) and relative (both x and y unset) coordinates. Help!


A: If you want to center the menu paste itwithin the <div > or <table> with a static position and specify a center alignment for it, for example:

<DIV align=center>
<SCRIPT src="data/data.js" type=text/javascript>
</SCRIPT>
</DIV>

<table width=800>
<tr>
<td align=center width=600>

More Q&A

bug with images in other folder (Page 1) - AutoViewer

... /*width of accordion menu*/ } .arrowlistmenu .menuheader{ /*CSS class ..... to be working fine, except for my logo on the top left side

Action List? | Adobe Acrobat

... can choose from are shown in the accordion list on the left side. ... including in an Action do not contain all of the menu choices I

JavaScript Accordion menu persist through site... - WebDeveloper.com

The accordion menu is working fine... but I need to be able to make it's unfolded ... SideboxTreeMenu a { display : block; padding-left : 12px; text- decoration .... Search Forums, Forums Home, Client-Side Development

Panel Menu not showing up

I cannot seem to be able to configure the Panel Menu for the Praise me template ... copied the module and replaced the template file with accordion/menu.html. ... But the menu keeps on showing up on the left side instead of as a drawer

adaptation contrib Accordion Menu for Categories - Forum osCommerce-fr

j' essaie d' adapter cette contrib Accordion Menu for Categories .... ' MODULE_BOXES_CATEGORIES_CONTENT_PLACEMENT', 'Left Column',

Beginners Accordion Help - jQuery Forum

I'm working on an accordion menu for a side navigation bar. ... #menu div {width :100%; float:left; padding-left:20px;} .menu_head {}

Joomla! • View topic - [TUT] How to add accordion menus to your

the submenu appear at the left side of the mainmenu. can you provide a link to a page in your site with the accordion menu

2 - RocketTheme • Search

I don't know how your menus are set up but if the side menu mirrors the main menu ... I'm working with an accordion menu in the left module position and a

PHP-Fusion MODs & Infusions - Discussion Forum: [jQuery] Accordion

collapsible : menu works like an accordion but can be fully collapsed ..... showing a page where the menu should appear on the left side,

Ext.Button width

Here is my code: new Ext.Panel({ layout: 'accordion', ... Is it possible to set a width of 100% to an Ext.Button that is inside an Accordion Menu? .... which contained the new button, and anchored it to the right side of the screen. ... padding-left:3px; padding-right:3px; width:auto;

RocketTheme • View topic - [SOLVED] Accordion Menu on the Left Side

i want have on the left side a menu with accordion effect! is this possible? Can i copy the mainmenu as a new menu modul and place it to the

Rico Forum - Accordion menu with graphics example

Im having trouble keeping the accordion box from expanding left to right (width) but your site is very nice. -Wally. Re: Accordion menu with

ddaccordion menu? - Storesprite.com Shopping Cart Ecommerce Forums

width: 180px; /*width of accordion menu*/ ... background: black url(titlebar.png ) repeat-x center left; .... (but not the admin side) I am unsure if this should be in or not but makes no difference either way

DHTMLX Forum • View topic - layout nested in layout resizing

//initialize the accordion of the left side container { ... //Initialize the grid used as a settings menu {

Expanding Menu - Help Please! :: Forum :: Indexhibit

I have my menu now aligned to the right but now the vertical accordion motion has been replaced with the list flying in from the left? how

struggling creating an accordion style shop menu for my website

Accordion menus generally require javascript of some kind. .... my items im selling to appear on the right hand side the menu on the left

accordion menu for dnn 5 > DotNetNuke Forum, DNN Creative Magazine

Feb 17, 2010 ... I am building a new site in dnn 5 and want to use a 2 col left menu layout. ... this kind of accordion menu for purchase to be used in dnn 5?

First project with VM (little scare)?

3— An accordion menu with “unlimited” sub-levels will always be on the left ... The left menu have an active state that always show where the user ... email ( with roll back if html is not accepted (mostly user side) with

Free Accordion Menu R2 [Archive] - Interspire Forum

[Archive] Free Accordion Menu R2 Code Modification and Addon Releases. ... have an 'expand' icon (eg a + of > sign) next to the left of the main category menu. ...... your coding works really well at our side. Thank You

FLEXIcontent • Afficher le sujet - Accordion, tree or sliding menus

Mar 11, 2010 ... Anyone tried to use accordion, tree or sliding menus with Flexicontent? ... I need a tree menu to show categories in left side of page

Page & Category Menu Bars - Page 25 - Wordpress Themes - WP Forum

accordion menu, plugin, problem, sidebar, widget the popular plugin accordion menu ... sub pages as vertical menu (in left side of screen)

Free Accordion Menu Example [Archive] - Interspire Forum

[Archive] Free Accordion Menu Example Code Modification and Addon Releases. ... Are there any details left out of the instructions? ..... if the categories didn 't expand/contract vertically, but rather came out the side

Easy slide down menu

Aug 19, 2010 ... i found a template of that menu style here(menu on the left hand side), Simple list based menu and then they give the code for it HERE ... Making Accordion menu using jquery · Digg this Post!

Flowplayer Forums - Tabs within Tabs within Tabs History

Then depending on the selection, accordion menu on the left hand side (also done with the help of tabs, so tab with tab)