Free Website Template Floating Menu Dropdown by Deluxe-Menu.com
Free Website Template Floating Menu Dropdown

Menu Screenshots

Free Website Template Floating Menu Dropdown Menu Desplegable Para

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
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
Down Menu Navigation Free Website Template Floating Menu Dropdown
Easy Setup
  • De Luxe Tuner. GUI interface to create your free website template floating menu dropdown menus easily and in no time
  • Sensible menu parameters for manual editing
Cost Effective
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.

  • Good navigation system is an important part of web site success. If people can't find their way around the site, they will rapidly give up looking and go, never to return. So, it's very significant that your website has a neat, fast, and gratifying to the eye navigation.
    Don't permit your web site visitors to get lost. Try Deluxe Menu!

Recent Questions

Q: I am facing problem with deluxe tab. When a first level jscript tab is selected, sub tab of that tab should be in selected mode.

I need to change text color of "New contact" (sub tab) in selected mode to black.

A: Unfortunately Deluxe Tabs doesn't have such a feature now.

You use main tabs to show sub-tabs and click on sub-tabs to show their content or openlinks.

On the initial page load you can set the selected item and submenu item using thefollowing parameters:

  var bselectedItem=1;
  var bselectedSmItem=2;


Q: Looking at the tab menu code below, am I right in guessing what the first 6 parameters are, and can you tell me what the last 3 are forplease?

  var bmenuItems = [

["-","", "", "", "", "", "", "", "", ],

["Title","...link.asp", "iconNormal", "iconMouseOver","iconSelected", "tootip", "?", "?", "?", ],

["-","", "", "", "", "", "", "", "", ],
];


A:   var bmenuItems = [

[item_text, object_to_show, normal_icon, mouseover_icon, selected_icon, tooltip, item_style],

[item_text, object_to_show, normal_icon, mouseover_icon, selected_icon, tooltip, item_style],
...
];

so it's a item_style, the last two are reserved and not used.

http://deluxe-tabs.com/product-info/?individual-item-styles



Q: Is there a way to center the primary navigation and left-align the drop down for themenu script ?

A: Set the following parameters:

  var itemAlignTop="center";
  var itemAlign="left";

Q: I have read your FAQ’s on “When using mouse over tab menu, where do I place the text content related to the selected tab”, but I am still not understanding how to edit the script.
Cansomeone please assist me.

A: You should specify any Object ID name of the DIV.

See, for each item you should assign the ID property of the content
DIV (see data file with your menu parameters).

["Style Name","contentName", "", "", "", "", "1", "", "", ],
["-","", "", "", "", "", "0", "", "", ],
["Style Description","contentDescription", "", "", "", "", "", "", "", ],
["-","", "", "", "", "", "0", "", "", ],
["Style Variations","contentVariations", "", "", "", "", "", "", "", ],
["-","", "", "", "", "", "0", "", "", ],
["Empty","", "", "", "", "", "2", "", "", ],

And on your html page you should create DIV's with such ID.
You canset background image for these DIV's in styles.

<div id="contentName" style="height: 0%; visibility: hidden; background-image: url('img/back.jpg'); background-repeat:repeat-y;" class="tabPage">
<p align=center><img src="img/style01_title.gif" width=140 height=90 alt="Glass Style Tabs"></p>
You should paste your content here!!!!!
</div>

<div id="contentDescription" style="height: 0%; visibility: hidden;" class="tabPage">
<p align=center><img src="img/style01_title.gif" width=140 height=90 alt="Glass Style Tabs"></p>
You should paste your description here!!!!!
</div>