Glossy Menu Javascript by Deluxe-Menu.com
Glossy Menu Javascript

Template:

iPhone 11 Template - CSS Horizontal Drop Down Menu






    - Horizontal or vertical orientation
    - Cross-frame support - menus work on frameset-based pages
    - Search feature - add the search area in the menu and type symbols.
    - Relative/Absolute menu position
    - Top items and submenus have a shadow
    - Sound support!
    - Keyboard navigation - press Ctrl+F2 to enter the top menu
    - Visible over select boxes, iframes, pdf, flash, Java applets.




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

Menu Screenshots

Glossy Menu Javascript Javascript Drop Menu Code

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

Features

Cost Effective
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!
Absolute Positioning Dhtml Menu Glossy Menu Javascript
Professional Look-n-feel
  • Entirely customizable look-n-feel
  • A lot of pre-designed glossy menu javascript samples
  • Hundreds of visual effects
  • Custom CSS styles can be applied for all menu settings
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



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

Javascript Menu. DHTML Menu.

  • Use images for backgrounds of submenus and items, icons, arrows. Using web images you can create menus completely based on graphics.
  • Design both horizontal and vertical menus and submenus with any amount of menus on a single page.
  • Place any HTML code inside the menu item - be it a flash-object, form, picture, or text. This ability lets you to build various menus of any complexity.
  • Submenus can be shown in 4 ways: - From left to right and also from left to right + upwards. - From right to left and also from right to left + upwards (e.g. for right-to-left languages).
Buy Now!   ::  Free Trial Download   ::  More Info

Recent Questions

Q: How to modify data.js in deluxe menu to change the font color if the user click on css pull down menu.

Expl. If the user click on 'Webdesign' and then on 'Thema Webdesign' the color dosn't change to #333. So the user don't now, where is it. Please test it on www.media-design.ch. Thank!

A: Deluxe Tree doesn't save a presseditem as it saves a tree state. It works within 1 page only and if youreload the page you should set a pressed item using Javascript API:

function dtreet_ext_setPressedItem (menuInd, itemID)

<script type="text/javascript">

  var i = <?php echo $selitem; ?>;
onload=setPressed;
function setPressed()
{

dtreet_ext_setPressedItem(0,dtreet_ext_getItemIDByIndex(0, i));

}
</script>

You should define selitem using server side script.



Q: Thanks for getting back with me but how do you build the menu?

I opened Deluxe Tuner program to build a menu and there are categories titled common, dimensions, font, appearance etc. and I have NO IDEA what to do?

Can you walk me through the development of a menu?


A: First of all you should add items.
Please, click "Add item" and "Add subitem".
In the "Item parameters" window you can set text, link, target, iconsfor the menu items. You can also assign different style for each menuitem (item style and submenu style).
But at first you should create this style. Click "Edit IndividualStyle/Add Style" and set different parameters for the style.

Try to set different parameters of the menu.
In the "Preview window" you can see all your changes.

First of all you should choose menu orientation:
  var isHorizontal = 1; Menu orientation: 0 - vertical, 1 - horizontal.

You can set exact width and height of the menu in the "Dimension"category.

You should set
  var absolutePos=1;
if you want to have absolute positioning menu.

Font style you can set in the "Font" category.

To set color of the menu you should set the following parameters:
  var menuBackColor="#FCEEB0";
  var menuBorderColor="#C0AF62";
  var itemBackColor=["#FCEEB0","#65BDDC"];
  var itemBorderColor=["#FCEEB0","#4C99AB"];

Try also to change these parameters:
  var itemSpacing=3;
  var itemPadding="3px";

Arrows for main items and subitems you can set here:
  var arrowImageMain=["default.files/arrowmain.gif","default.files/arrowmaino.gif"];
  var arrowImageSub=["default.files/arrowsub.gif","default.files/arrowsubo.gif"];

If want to have floatable or movable menu you should set the followingparameters:
  var floatable=0;

  var movable=0;

You can also try to change any template.


Q: Everything is working quite well -- with the following exception:

I added a button.gif file to my item, hoping that the graphic would appear rather than just a colored cell. (Yes, I did upload the button.gif file to the .files folder.)

My work looks great in the preview window, but still shows the colored cells in my web page (www.misyssbm.com/buy/index.php left side menu). My text changes show up on the web page, so I know it was updated.

Any ideas (note I have two deluxe menus)?


A: You should check all your images paths.
You should also upload these files on your server in"side_menu.files/" folder.
I've tried to download "side_menu.files/btn_navy.gif" but I can't doit.
Please, check it.


Q: I have problems to show scandic letters in rollover navigation bar in ie6/7 browsers.
Every other browsers show menu correctly, but these can't show scandic letters.


A: Actually you can use any letters in the menu.

Please, check that you've set "Tools/Use utf8 encode".

When you save your data file in UTF8 you should use the same encoding on our html page.

So you should write:

<meta http-equiv="Content-Type" content="text/html; charset=utf-8">

If you don't want to use UTF-8 encode on your page you should turn off
"Tools/Use utf8 encode" property, save your data file and manually
change your letters in any text editor.




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