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

Template:

iPhone 6 Template - Code CSS Menu






    - Relative/Absolute menu position
    - Items with icons
    - Visible over select boxes, iframes, pdf, flash, Java applets.
    - 85% transparency for sub menus
    - Keyboard navigation - press Ctrl+F2 to enter the top menu
    - Status string shows item labels
    - Transition #14 - "fade out" effect
    - Top items and submenus have a shadow




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

Menu Screenshots

Joomla Menu Flotante Web Sample Buttons

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

Features

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!
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
Create Menu Bar Joomla Menu Flotante
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
Professional Look-n-feel
  • Entirely customizable look-n-feel
  • A lot of pre-designed joomla menu flotante 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.

  • 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.
Buy Now!   ::  Free Trial Download   ::  More Info

Recent Questions

Q: The idea is that when you click the button of the menu,
the box that holds the menu links opens like normal, but Instead of having the written links inside the drop down box,
I want to have an item like an image or a search box or some other type of independently running script inside the dhtml xml menu.


A: You can use any html code within menuItems of Deluxe Menu:

["+Deluxe Menu: XP Style <a href='http://domain.com'><img src='default.files/xpicon1_s.gif' width=12 height=12></a>","", "default.files/xpicon1_s.gif", "", "", "XP Title Tip", "", "0", "", ],
 ["|Home <a href='http://domain.com'><img src='default.files/xpicon1_s.gif' width=12 height=12></a>","testlink.htm", "default.files/icon1_s.gif", "default.files/icon1_so.gif", "", "Home Page Tip", "", "", "", ],
 ["|Product Info <a href='http://domain.com'><img src='default.files/xpicon1_s.gif' width=12 height=12></a>","", "default.files/icon2_s.gif", "default.files/icon2_so.gif", "", "Product Info Tip", "", "", "", ],


Q: I am evaluating your Deluxe Tuner / Tab program and was wondering how to add content below the tabs, like you have on your site.

You have the tabs, then a content area below each tab. How is this done with your product.


A: You should use ID attribute of object to show in the second parameterof bmenuItems. You set it in the "Item Parameters" window ("Link"parameter).

You should also set:
  var tabMode = 0;

So, you'll have, for example, the following bmenuItems:
["tab text","div1", ...],
["tab text","div2", ...], Here "div1" and "div2" is IDs of objects within your html page, for example:
<div id="div1">text 1</div>
<div id="div2">text 2</div>

You can also see examples, which you can find in the trial package.


Q: The dhtml floating menu does not align to the top of the column and it migrates as one scrolls up or down the page. I would like it to stay in one place.

A: 1) Add valign="top"> parameter for the TD tag with the menu:
<td valign="top">
<script type="text/javascript" src="welcome_files/frenchdata.js"></script>

2) Open your frenchdata.js file in any text editor (or Deluxe Tuner) and change:
  var absolutePos=0;
  var posX="20px";
  var posY="120px";
to
  var absolutePos=0;
  var posX="0px";
  var posY="0px";

3) To turn off the floating feature you should set the following parameter in yourfrenchdata.js file:
  var floatable=0;

Q: Currently let us know how can we align the text at the top dropdown menu script so that the text will appear above the horizontal line.  

Kindly help us to solve this problem as soon as possible.

A: Unfortunately you cannot set vertical align for items text.But you can try to write your item text in the following way:

  var menuItems = [
["Home<br> ","/index.asp?pgid=1", , , , , "0", , , ],
["About Us<br> ","/index.asp?pgid=2", , , , , "0", , , ],
["Company News<br> ","/index.asp?pgid=3", , , , , "0", , , ],
["Services<br> ","/index.asp?pgid=4", , , , , "0", , , ],
 ["|Custom Publishing","/index.asp?pgid=6", , , , , , , ,],
 ["|On Product Publishing","/index.asp?pgid=7", , , , , , , , ],
 ["|Investment","/index.asp?pgid=10", , , , , , , , ],
["Contact Us<br> ","/index.asp?pgid=5", , , , , "0", ,, ],
];



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