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

Menu Screenshots

Transparent Vertical Menu Joomla Javascript Expandable Menu Fireworks

Features

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



2.0 Buttons by Web-Buttons.com v3.0.0

Javascript Menu. DHTML Menu.

  • Setup menu parameters manually or using De Luxe Tuner. Then add some rows of a code within html page code and your menu is ready!
  • Use special Java Script methods for: Dynamic changing of items (link, text, icons, arrows and even individual style!). Addition/removing of items or submenus. Disabling and enabling menu items. Getting the info on every submenu, menu, and items. Changing appearance of items. Other coding tricks.
  • Cross-frame mode lets you to construct full-featured dhtml menus on the pages with frames. But for all that frame set it's not necessary to insert any additional code into all the pages - just specify several extra menu parameters.
  • Ability to handle the menu from the keyboard via keystrokes.

Recent Questions

Q: Does your product support image swapping? For instance, if I was building a menu such as the one on your site, how would I swap the "Home", "Product Info", etc images/gif's?

I'm using a JavaScript such as the one below:

<a href="index.html"><img src="images/btn_home_up.gif" name="Image1" width="91" height="33" border="0" id="Image1" onmouseover="MM_swapImage('Image1','','images/btn_home_roll.gif',1)" onmouseout="MM_swapImgRestore()" /></a>


A: You can use images for items using standard <img> tag.
But in this case you should change pictures yourselves usingJavascript to make rollover items.

For example:

  var menuItems = [
["<img src='image1.gif' width=100 height=20 onmouseover='this.src=\"image2.gif\" onmouseout='this.src=\"image1.gif\"'>Text", link,]
];

or
  var menuItems = [
["<img src='image.gif' onmouseover='changeImage(this, 1)' onmouseout='changeImage(this, 0)'>"]
];


Q: I have included one of your (great) horizontal menus on a site I am working on - it's working well, apart from in IE (v6.0), it appears with a drop shadow - do you know how to get rid of this?


A: Thanks for your interest in our products.
You should set the following parameter:

  var shadowLen=0;


Q: If I wanted to change the graphics at a later date in tab menu javascript (main top tabs, subtabs, etc.), how would I do that?


A: In that case you should open images I'm using for top tabs in any graph editor and changethem.

back.gif
back_o.gif //back images for normal and hover states for the last tabs in the top menu(instead of the 1-st 6 items)

sep_top.gif // separator for the top items

top1.gif
top1_o.gif //back images for normal and hover states for the 1-st tab, you can change thetext of this tab in deluxe-menu.js:

["<font color='#FFF90E'>MAIN</font><br>Initiative<br>(Strategy)","testlink.html", "", "", "", "", "5", "4", "", "", "", ],

By the way to apply hint for this item you should write:
["<font color='#FFF90E'>MAIN</font><br>Initiative<br>(Strategy)","testlink.html", "", "", "This hint appears when you hover over the 1-st item", "", "5", "4", "", "", "", ],

top2.gif
top2_o.gif //back images for normal and hover states for the 2-nd tab, you can change thetext of this tab in deluxe-menu.js:
["<font color='#FFF90E'>PAIN</font><br>Identified<br>(Problems)","", "", "", "", "", "6", "", "", "", "", ],

and so on...

For the subtabs I'm use images for arrows only:
  var arrowWidthSub=8;
  var arrowHeightSub=8;
  var arrowImageSub=["deluxe-menu.files/arrow.gif","deluxe-menu.files/arrow_o.gif"]


Q: Please go to my website. I'm trying to getthe dhtml popup menu aligned to the right. I thought I could trick it by telling the CSS to alight the text to the right but that didn't work. Can you make a suggestion on how I can do this?

A: Try to install your tabs into the table with right alignment, for example:

<table width='100%'>
<tr>
<td align="right">
<script type="text/javascript" src="test_files/tdata.js"></script>
</td>
</tr>
</table>