Joomla Vertical Menu Style by Deluxe-Menu.com
Joomla Vertical Menu Style

Template:

Glossy Menu Template - DHTML Menu Navigation






    - Visible over select boxes, iframes, pdf, flash, Java applets.
    - UL/LI items structure
    - Inactive/Disabled items
    - Keyboard navigation - press Ctrl+F2 to enter the top menu
    - Submenus dropdown on mouseover
    - Sound support!
    - Text aligned to left
    - Personal CSS styles for separate menu elements




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

Menu Screenshots

Joomla Vertical Menu Style Templates Drop Down Menu

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

Features

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
Javascript Menu On Mouse Over Joomla Vertical Menu Style
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
Easy Setup
  • De Luxe Tuner. GUI interface to create your joomla vertical menu style menus easily and in no time
  • Sensible menu parameters for manual editing
Professional Look-n-feel
  • Entirely customizable look-n-feel
  • A lot of pre-designed joomla vertical menu style samples
  • Hundreds of visual effects
  • Custom CSS styles can be applied for all menu settings



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

Javascript Menu. DHTML Menu.

  • Good navigation is an important step to website success. If people can't find their way around the site, they will quickly give up looking and leave, never to return. So, it's absolute vital that your website has a fast, neat, and eye-pleasing navigation.
    Don't allow your website visitors to get lost. Try Deluxe Menu!

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

Recent Questions

Q: Do you by chance have the dhtml menu samples working with XML?

A: Unfortunately we don't have working example.

You may generate a menu from a database or XML using any server-side script, e.g., PHP, ASP, VB, etc.However, these scripts don't work inside of Javascript .js files, so,you should move parameters of a menu from a .js file into an html-page, e.g.:

<!-- Deluxe Menu -->
<noscript><a href="http://deluxe-menu.com">dhtml menu samples by Deluxe-Menu.com</a></noscript>
<script type="text/javascript">  var dmWorkPath = "menudir/";</script>
<script type="text/javascript" src="menudir/dmenu.js"></script>
<!-- (c) 2008, http://deluxe-menu.com -->

<script type="text/javascript" language="JavaScript1.2">
// and describe parameters of a menu
  var parameter1=value1;
  var parameter2=value2;
etc.

  var menuItems = [
// here you generate items using server-side scripts (php, asp, vb, etc.)
];
</script>

The example of the menu working with PHP/MYSQL you can find here:
http://deluxe-menu.com/rq-loading-bar-MySQL-support.html

Q: I'm looking to make a space between menu buttons in the drop down menu example,
I checked the FAQ which suggested using ["-"], between items but it didn't work.


A: To add a separator you should

//--- Separators
  var separatorImage=""; //for subitems (top items in vertical menu)
  var separatorWidth="100%";
  var separatorHeight="3px";
  var separatorAlignment="right";
  var separatorVImage="separator.gif"; //for the top items (subitems items in vertical menu)
  var separatorVWidth="100%";
  var separatorVHeight="2px";
  var separatorPadding="";

You can create separators using menuItems
(you can do it in Deluxe Tuner, use "Add separator" button),
for example:

   ["||All Images","gallery_all.html", , , , "_self", , , , ],
   ["||-"],
   ["||Pricing & Ordering Info","gallery_pricing.html", , , ,"_self", , , , ],




Q: There are two of your menus that we wish to incorporate into one. Our main left hand side vertical navigation menu would be an accordion menu. When you click on products in the accordion menu, it would drop down with an indented sub menu. When you hover over a link in the sub menu, your Javascript Scrolling Menu - Smart Scrollable Feature would allow us to have a scrolling sub menu.

I guess my question is can you have two javascript dhtml scroll menus working together in the same page?

A: I'm not sure I understand your question.
Why you should create two menus in that case?

You can create only one vertical menu (left menu) with all submenusand set smart scrollable feature:

  var smSmartScroll=1;

That is all. Please try the trial version.



Q: I need your help. I built a menu with your software, and I followed all your instructions on placing it on my web page, but it's not working. The drop down menu in javascript will not go into its table cell. I have a flash banner in the cell above it, and the menu seems to be behind that banner, but the menu is not even inside the table.

I also tried placing the drop down menu in javascript on another page where I do not have a flash banner, but it doesn't show up at all.

A: You've set absolute position for the drop down menu in javascript
  var absolutePos=1;
  var posX="100px";
  var posY="200px";

You should set:

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



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