Vertical Menu Yugop by Deluxe-Menu.com
Vertical Menu Yugop

Template:

iPhone 10 Template - CSS Floating Menu






    - Text aligned to left
    - Submenus automatically scrolls
    - Relative/Absolute menu position
    - Top items and submenus have a shadow
    - Items with icons
    - Unlimited number of sub levels
    - Transition #14 - "fade out" effect
    - 85% transparency for sub menus




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

Menu Screenshots

Vertical Menu Yugop Javascript Menu Popup Contextuel

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

Features

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
Easy Setup
  • De Luxe Tuner. GUI interface to create your vertical menu yugop menus easily and in no time
  • Sensible menu parameters for manual editing
Dhtml Menu Software Vertical Menu Yugop
Professional Look-n-feel
  • Entirely customizable look-n-feel
  • A lot of pre-designed vertical menu yugop 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!
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.

  • You can set the size of the menu in pixels, percent or other units. The menu may have an absolute or relative position (it can be inserted into the table).
  • Use any necessary font of any color, size and font decoration. Create any available type, thickness and color of a menu's frame.Choose any color for backgrounds of submenus and items.
  • Specify various values for padding and spacing 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 cannot see the arrow.gif's in my rollover drop down menu.

Here is my code:
  var arrowImageMain=["menudir/arrow_main3.gif","menudir/arrow_main3.gif"];
  var arrowWidthSub=0;
  var arrowHeightSub=0;
  var arrowImageSub=["menudir/arrow_sub5.gif","menudir/arrow_sub4.gif"];

Do I need to put the arrow's somewhere else?

A: You should check the following parameter:

  var pathPrefix_img="data-samples/images/";

Please check that you have the correct path to your aroows relative to the folder withindex.html file.

For example, you have:
menudir/
menu.js
dmenu.js
arrow_main3.gif
...
index.html

In menu.js file you should write:
  var pathPrefix_img="menudir/";
  var arrowImageMain=["arrow_main3.gif","arrow_main3.gif"];
  var arrowImageSub=["arrow_sub5.gif","arrow_sub4.gif"];

or
  var pathPrefix_img="";
  var arrowImageMain=["menudir/arrow_main3.gif","menudir/arrow_main3.gif"];
  var arrowImageSub=["menudir/arrow_sub5.gif","menudir/arrow_sub4.gif"];

Q: How I can set left align for the arrows in my drop down menu templates?

  var arrowImageSub=["arr_1_blk.gif","arr_1_red.gif"];

A: If you want that your arrows will appear on the left side you shouldset:

  var dmRTL=0;

parameter.



Q: Can I expand all tree category, or expand two tree category?

I like your javascript menu expand product.

A: You can expand all items in Deluxe Tree, set:

  var texpanded=1;

To expand specific items you should add "+" sign before item's text:

["+Samples Gallery","", "", "", "", "XP Title Tip", "", "1", "0", "", ],
 ["|+Samples Block 1","", "default.files/icon3_s.gif", "default.files/icon3_so.gif", "", "", "", "", "", "", ],
   ["||New Sample 1","testlink.htm", "default.files/iconarrs.gif", "", "", "", "", "", "", "", ],
   ["||New Sample 2","testlink.htm", "default.files/iconarrs.gif", "", "", "", "", "", "", "", ],



Q: I am spending a lot more time and have figured a few things out. One more question please: How do I specify the target link I want a dhtml submenu to go to?

I see HREF specified in the code, but no where in the program to specify it.


A: See, the following parameter sets target for all items

  var itemTarget="_self";

If you want to set different target for each item you should set it inthe "Item Parameters" window. Choose your item in the main window andset target in the target field.


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