Joomla Menu Flotante by Deluxe-Menu.com
Joomla Menu Flotante

Template:

iPhone 18 Template - Dropdown Submenu






    - Top items and submenus have a shadow
    - Items with icons
    - Sound support!
    - Image arrows
    - Horizontal or vertical orientation
    - Inactive/Disabled items
    - Transition #14 - "fade out" effect
    - 85% transparency for sub menus




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

Menu Screenshots

Joomla Menu Flotante Dynamic Html Menu Templates

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

Features

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 menu flotante menus easily and in no time
  • Sensible menu parameters for manual editing
Mouse Over Html Menu Joomla Menu Flotante
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
Cost Effective



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

Javascript Menu. DHTML Menu.

  • Apply any font of any color, size and font decoration you need. Use any available type, color and thickness of a menu's frame. Choose any color for submenus and items backgrounds.
  • Set the size of the menu in percent, pixels, or other units. This menu may have a relative (it can be inserted into the table, for example) or absolute position .
  • Specify various values for spacing and padding for the whole menu and for each separate submenu.
  • You can specify a time for delays in showing or hiding of a submenu. Use special prefixes for image paths and links to make paths absolute.
  • Create separators using your own pictures, size and alignment.
Buy Now!   ::  Free Trial Download   ::  More Info

Recent Questions

Q: I would like to create my own jpeg images and use them as the mouseover-items in the top level drop down menus. I am not talking about the backround. I mean the actual upfront button.
I seem to be locked into the size which is the default and would like to change it to width = 180px and height = 45px for each item in the menu.
Is there any way to do that?


A: You should create Individual Style and assign it for all top items.

  var itemStyles = [
["itemWidth=180px"],
];

  var menuItems = [

["Home","testlink.html", "", "", "", "", "0", "", "", ],
["Product Info","", "deluxe-menu.files/icon1.gif", "deluxe-menu.files/icon1o.gif", "", "", "0", "", "", ],


Q: Am I under the correct assumption that if the inner menu item text expands past the ItemWidth or MenuWidth (being that the Width is set -- eg 150px), that the javascript menu div width will expand past it's boundaries instead of wrapping the text? (eg. A text like "Please Make this Wrap instead of expand the width boundary" seems to expand the container's width rather than wrap)

A: There are 2 ways to do that:

1. set

  var noWrap=0;

2. use <br> tags, for example:

  var menuItems = [
["line 1<br>line 2"],
];



Q: How do I set the width of sub menu items to be the same width as the parent horizontal dhtml menu item? I can see how to set a px or % width, and when the at least one sub menu item exceeds the parent item the the entire menu stretches to that width (which is fine), but what about the instance where the sub menu items are not as wide as the parent item - in this case, the sub menu is not as wide as the parent item, which looks odd. Is there any way to force it to be (at least) the same width as the parent item?

I hope this is all clear to you, if not, please give me a shout for clarification.

A: You can set exact width for your top items using Individual Item Styles and set submenu width usingIndividual Submenu Style.

You should also set the following parameter:
  var noWrap=0;

Q: Could I create a function that displays thetab that the user clicked in the left tab menu.
These tabs are all within the same window, sothe page will always be the same.
Just need a function to make differenttabs appear.

A: Unfortunately Deluxe Tabs doesn't support API functions now.

You can use the following function to open specific tab:
dtabs_itemClick(menuInd,itemInd);
where
menuInd - index of a tab menu on a page, >= 0.
itemInd - index of a item, >=0.

For example:

<DIV onClick="dtabs_itemClick(0,2)" style="width: 200px; border: 2px solid #000;">Click to open the third tab</DIV>
Buy Now!   ::  Free Trial Download   ::  More Info