Html Floating Side Menu by Deluxe-Menu.com
Html Floating Side Menu

Template:

Blue Rounded Menu Template - CSS Menu Dropdown






    - Relative/Absolute menu position
    - Transition #14 - "fade out" effect
    - Special JavaScript API for changing javascript menu "on-the-fly"
    - UL/LI items structure
    - Top items and submenus have a shadow
    - Submenus automatically scrolls
    - Search feature - add the search area in the menu and type symbols.
    - AJAX menu loading - loads web menu data from the server "on-the-fly".




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

Menu Screenshots

Html Floating Side Menu Creating A Tab Menu

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

Features

Professional Look-n-feel
  • Entirely customizable look-n-feel
  • A lot of pre-designed html floating side menu samples
  • Hundreds of visual effects
  • Custom CSS styles can be applied for all menu settings
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
Make Drop Down Menus In Html Floating Side Menu
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
Easy Setup
  • De Luxe Tuner. GUI interface to create your html floating side menu menus easily and in no time
  • Sensible menu parameters for manual editing
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
Buy Now!   ::  Free Trial Download   ::  More Info

Javascript Menu. DHTML Menu.

  • There can be multi level menus - create as many rows or columns of the menu as you want.
  • Use a mouse to drag a menu as a usual window. Also you can construct the menu where each submenu can be "detached" from the main menu (MSOfficeToolbarLike mode).
  • When the page is scrolled the menu remains visible. The DHTML menu can "float" along one or two coordinate axes.
Buy Now!   ::  Free Trial Download   ::  More Info

Recent Questions

Q: I have just downloaded your trial version and am trying to use de-lux tuner using the windows xpstyle1 template. I can only seem to get the top java menu button showing as grey but can change colors of submenus OK. Am I missing something or is this a restriction of the trial system i.e. how do I get the top java menu button showing the same as submenu buttons.

A: Trial version has full functionality of the licensed version.

To change submenu colors you should change the following parameters:

  var menuBackColor="#F2F3F2";
  var itemBackColor=["#F2F3F2","#535353"];
and Individual Submenu Style:

  var menuStyles = [
["menuBackColor=#F2F3F2","menuBorderWidth=0","itemSpacing=0","itemPadding=4px","smOrientation=undefined"],
];

For the top items you should change Individual Item style:

  var itemStyles = [
["itemHeight=21px","itemBackColor=#F2F3F2,#535353"],
];



Q: How to work with menus and submenus in JSP?

This e-mail message is only to be used by intended recipients and all others may kindly delete it and notify the sender. Unless expressly authorized by HPCL, the views expressed and the message itself is that of the individual sender and recipients are cautioned to check messages/ attachments for any viruses before use. Users acknowledge that messages may contain confidential, proprietary or privileged information and that HPCL neither assures nor guarantees integrity or content of messages.


A: Deluxe Menu is the Javascript product. It means that it works on aclient side only and it doesn't depend on the server which you'reusing and it doesn't work on a server side as JSP script.

So, you can create the menu using standard html page and them movemenu code within .jsp page.


Q: I currently have the menus set to show the selected item in white and the non-selected items in blue.
However, I can only choose one item in each menu.
Is there any way to choose multiple items from a single drop down css menu and have all of
selected items show white?
If so, what option do I need to enable for the menu?


A: No, Deluxe Menu doesn't has a feature to highlight multiple items now.

Actually you can use the following function:
function dm_ext_changeItem (menuInd, submenuInd, itemInd, iParams)

You can create Individual Item Style with style of selected item and
using this function assign it for the items you want to highlight

dm_ext_changeItem(0, 0, 1, ["Deluxe Menu Info", "", "", "", "Deluxe Menu Hint",,"1"]);



Q: I am trying to use your Deluxe-Tabs, to use on our wwebsite, and to be honest, I am not much of a developer. So please forgive me for my naпve question(s). I have been trying to get 'Content' in to the tabbed dhtml menu build, and I cannot find how that is done.

Do you have an example with all the files (html too!) that shows a simple tabbed dhtml menu build with content for each Tab that I can look at to see how it is done.

I thought I was going to be able to generate the TABs, and point them to the HTML files I want them to use, and each time I selected a tab, that page would be displayed. That does not appear to be what is happening.

Your help would be greatly appreciated.

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 dhtml menu build 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">
<br><br><br>
<p align=center><img src="img/style01_title.gif" width=140 height=90 alt="Glass Style Tabs"></p>

<br><br><br>

You should paste your content here!!!!!
</div>

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

<br><br><br>

You should paste your description here!!!!!
</div>



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