Vbulletin Javascript Menu by Deluxe-Menu.com
Vbulletin Javascript Menu

Template:

Yahoo Style Template - Transparent Drop Down Menu







    - Deluxe Tuner - visual interface to create and modify dhtml menus easily and in no time.
    - Items with icons
    - Transition #14 - "fade out" effect
    - Unlimited number of sub levels
    - Visible over select boxes, iframes, pdf, flash, Java applets.
    - Keyboard navigation - press Ctrl+F2 to enter the top menu
    - Submenus automatically scrolls
    - Submenus dropdown on mouseover




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

Menu Screenshots

Vbulletin Javascript Menu Sliding Menubar

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

Features

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 vbulletin javascript menu menus easily and in no time
  • Sensible menu parameters for manual editing
Creating A Menu Js Vbulletin Javascript Menu
Professional Look-n-feel
  • Entirely customizable look-n-feel
  • A lot of pre-designed vbulletin javascript menu samples
  • Hundreds of visual effects
  • Custom CSS styles can be applied for all menu settings
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!



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

Javascript Menu. DHTML Menu.

  • Use a mouse to move a menu as a usual window. Also you can create the menu where each submenu can be "separated" from the menu (MS Office toolbar-like mode).
  • When the page is scrolled the menu remains visible. The menu can "float" along one or two coordinate axes.
  • There can be multilevel menus - create as many rows of the menu as necessary. Any submenu in its turn can include different number of columns.
Buy Now!   ::  Free Trial Download   ::  More Info

Recent Questions

Q: I have downloaded your trial version and cannot change the background menu color.
Is there a restriction?
I am interested in purchasing it.


A: To change the background color you should set the followingparameters:

  var menuBackColor="#FCEEB0";
  var itemBackColor=["#FCEEB0","#65BDDC"];


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: I know. I have two menus on the page and I am not using beforeItemImage orafterItemImage for the top menu in javascript (the one you referenced below), but I need it for the second menu. The parameters for that menu are in mainnav_data.js.

Even when I only call dmWorkPath and dmenu.js once, it does not work.

A: See, it is not correctly to use image-based items:

["","", "mainnav_data.files/corpinfo.gif", "mainnav_data.files/corpinfo2.gif", "", "_self", "0", "", "", "", "", ],

and specify beforeItemImage/afterItemImage parameters. They won't work in that case.

You can create such buttons in the following ways:
1) Use image-based menu (images with text).

Create normal and mouse-over state images (with text) for each item:
["","", "mainnav_data.files/corpinfo.gif", "mainnav_data.files/corpinfo2.gif", "", "_self", "", "", "", "", "", ],
["","", "mainnav_data.files/new.gif", "mainnav_data.files/new2.gif", "", "_self", "", "", "", "", "", ],
["","", "mainnav_data.files/xxxxx.gif", "mainnav_data.files/xxxxx2.gif", "", "_self", "", "", "", "", "", ],


2) Use combined background for the menu in javascript items (images without text).

  var beforeItemImage = [,]; //left-side image for normal and mouse over state
  var itemBackImage = [,]; //background or image for normal and mouse over state
  var afterItemImage = [,]; //right-side image for normal and mouse over state
  var beforeItemImageW = '';
  var afterItemImageW = '';
  var beforeItemImageH = '';
  var afterItemImageH ='';

But you should create a small images in any Graph Editor, for example:
button_n_back.gif
button_n_left.gif
button_n_right.gif
button_o_back.gif
button_o_left.gif
button_o_right.gif

You cannot use these two methods together!

Q: Hi There. I wanted to use your product, but couldn’t figure out how multiple users could get varying menus using the file driven approach.

I currently use a java menu that I build on the fly without any files.

The only thing I could come up with was having each user refer to his/her own data.js file, that I can build on demand.
Does that make sense to you?


A: Deluxe Menu is Javascript code only. It requires several .js files andit's generated on a client side.

Theoretically it is possible to have varying menus for multiple users.You should create your own server-side script (for example, php) thatwill change the menu for your users. The menu doesn't support such afeature.


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