Sous Onglets Top Menu Joomla by Deluxe-Menu.com
Sous Onglets Top Menu Joomla

Template:

Youtube Style Template 1 - Script Drop Down Menu







    - Submenus dropdown on mouseover
    - Image arrows
    - Horizontal or vertical orientation
    - Submenus go over all page objects
    - Relative/Absolute menu position
    - Search feature - add the search area in the menu and type symbols.
    - 85% transparency for sub menus
    - Special JavaScript API for changing javascript menu "on-the-fly"




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

Menu Screenshots

Sous Onglets Top Menu Joomla Menu Css Download

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!
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
Transparent Dropdown Menu Javascript Sous Onglets Top Menu Joomla
Cost Effective
Easy Setup
  • De Luxe Tuner. GUI interface to create your sous onglets top menu joomla menus easily and in no time
  • Sensible menu parameters for manual editing
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



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

Javascript Menu. DHTML Menu.

  • Sub menus dropdown over all the objects on the page (select, applet, flash, object, embed). If for some reasons (old browser) a submenu can't go over an object, the object will be hidden for a time when the submenu is shown.
  • Design personal styles for any submenu and item. Use individual styles to rich killer visual effects!
  • These effects will make your menu neat and chic. You can set transparency, cast a shadow on the menu and submenus. Among available special visual effects there are random dissolve, fade, mix, mosaic slide out and many many others.
Buy Now!   ::  Free Trial Download   ::  More Info

Recent Questions

Q: There's a 1 pixel white padding around the css drop down menu that I'm trying to remove.

Is it a padding setting -- a margin setting -- a div setting?

A: This is a shadow.

Set the following parameter:

  var shadowTop=0;



Q: Is this tag necessary?

<script type="text/javascript">  var dmWorkPath="scripts/";</script>

Because Dreamweaver will not automatically update the path when the directory changes, (won't change from scripts/ to ../scripts).


A: Yes, it is a necessary tag.
Your menu won't work correctly without this tag.


Q: I have been trying to get ‘Content’ in to the float tab, and I cannot find how that is done.

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

See, for each item you should assign the ID property of the contentDIV (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>


Q: My menu does not work with IE7 (I don't know if it works with IE6) but it works perfectly in FF and Netscape. HELP!!!


A: You have several errors in your data file.

Please, check that you don't have additional spaces in yourparameters.

For example:
  var fontColor=["#F3E398 ","#F3E398 "];
  var itemBackColor=["#43597E","#9B1313 "];
"fontColor=#F3E398 ,#F3E398 "


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