Customize Spry Menu Bar Examples by Deluxe-Menu.com
Customize Spry Menu Bar Examples

Template:






    - Top items and submenus have a shadow
    - Inactive/Disabled items
    - Filters and Transitional effects
    - Keyboard navigation - press Ctrl+F2 to enter the top menu
    - Horizontal or vertical orientation
    - Submenus go over all page objects
    - Several menus on one page
    - Search feature - add the search area in the menu and type symbols.




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

Menu Screenshots

Customize Spry Menu Bar Examples Click Pop Up Menu

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

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
Easy Setup
  • De Luxe Tuner. GUI interface to create your customize spry menu bar examples menus easily and in no time
  • Sensible menu parameters for manual editing
Context Menu Html Customize Spry Menu Bar Examples
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
Professional Look-n-feel
  • Entirely customizable look-n-feel
  • A lot of pre-designed customize spry menu bar examples samples
  • Hundreds of visual effects
  • Custom CSS styles can be applied for all menu settings
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!



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

Javascript Menu. DHTML Menu.

  • Apply any font of any color, size and font decoration you need. Use any available type, color and thickness of a menu's frame. Choose any color for submenus and items backgrounds.
  • Set the size of the menu in percent, pixels, or other units. This menu may have a relative (it can be inserted into the table, for example) or absolute position .
  • Specify various values for spacing and padding for the whole menu and for each separate submenu.
  • You can specify a time for delays in showing or hiding of a submenu. Use special prefixes for image paths and links to make paths absolute.
  • Create separators using your own pictures, size and alignment.
Buy Now!   ::  Free Trial Download   ::  More Info

Recent Questions

Q: I have been using the trial deluxe menu with the deluxe tuner tocreate a menu and have run into a problem.

The menu is based on the following template:

Vista Styles (Part 2) Vista Style 1.

When I saved the menu file to put into an html file I followedthe instructions on the screen to save all the files to the folderwhere I wanted the menu to appear in an html., and then followedthe instructions to paste the menu into the html file where Iwanted the menu to appear.

It is not working. It seems as though something is left out ofthe code, or perhaps not all the necessary files are being copied.The menu appears perfectly in the deluxe tuner preview screen, butnot when I try to save it and use it elsewhere.

I have included all the files, including the instructions thatcame up when I saved the menu, in the attached zip file and wonderif you might take a look at it and tell me what I am doing wrong and/or leaving out.

Can you help?


A: Your menu works fine.
But you should paste
btn_blue2.gif
btn_blue.gif
into "data-NINnew.files" folder.


Q: There's no explanation of what to do after creating a dhtml menu example or where to paste the code, which files to upload..

A: 1. Create your menu in Deluxe Tuner.

When you open Deluxe Tuner you can click "File/New"
and add items and subitems using buttons "Add Item" and "Add Subitem" on
the main window.
You should set items and subitems parameters on the "Item Parameters"window.
See also other parameters for the menu on the main window.

More info about menu parameters you can find on our site

http://deluxe-tree.com/parameters-info.html
http://deluxe-tree.com/menu-items-info.html

You can also use Individual Styles for items and subitems

http://deluxe-tree.com/individual-item-styles-info.html
http://deluxe-tree.com/individual-submenu-styles-info.html

2. You should install the menu on your page.
You can click, for example, File/Export to HTML (you can't do it inthe MAC version).
Save your data file.
Add several rows into your html page.

<head>
...
<!-- Deluxe Menu -->
<noscript><a href="http://deluxe-menu.com">Javascript Menu by Deluxe-Menu.com</a></noscript>
<script type="text/javascript">  var WorkPath="deluxe-menu.files/";</script>
<script type="text/javascript" src="deluxe-menu.files/dmenu.js"></script>
...
</head>

<body>
...
<table>
&tr><td>%lt;script type="text/javascript" src="deluxe-menu.files/data.js"></script></td></tr> //data.js - data file created in Deluxe Tuner.
</tablegt;
...
</body>

You should also copy all engine files
dmenu.js
dmenu4.js
dmenu_add.js
dmenu_dyn.js
dmenu_key.js
dmenu_cf.js
dmenu_popup.js
dmenu_ajax.js
dmenu_search.js

into "deluxe-menu.files/" folder. You should place this folder in the
same folder with your index.html page.

Try that.



Q: I have just downloaded your trial version and am trying to use delux tuner using the windows xpstyle template.
I can only seem to get the top button showing as grey but can change colors of submenus in dhtml xml menu.
Am I missing something? ?ow do I get the top button showing the same as submenu buttons.

A: 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: Is it possible to insert a dhtml foldout menu item at the top of the submenu? For example, if a dhtml foldout menu is defined as:

  var menuItems = [
["Search","","","","","","1","0"],
 ["|Residential","srch.php","","","","","0"],
 ["|VacantLand","srch.php?cri","","","","","0"],
 ["|Commercial/Industrial","srch.php","","","","","0"]];

How can I add a new item above “Residential?” I’ve tried the following with no luck — the forth argument does not seem to be used:

dm_ext_addItem(0, 1, ["New Sample", "testlink.htm", "", "", "Your Sample Tooltip", "middle", 0], 0)

A: To insert item in the specific position you should use thefollowing function:

function dm_ext_addItemPos (menuInd, submenuInd, iParams, Pos)



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