Template:

Blue-Orange Menu Template - Horizontal Css Menu

    - Status string shows item labels
    - Submenus automatically scrolls
    - 85% transparency for sub menus
    - Personal CSS styles for separate menu elements
    - Items with icons
    - Text aligned to left
    - Inactive/Disabled items
    - Unlimited number of sub levels

2 0 Navigation Buttons by Web-Buttons.com v3.0.0

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

Menu Screenshots

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

Features

Easy Setup

De Luxe Tuner. GUI interface to create your vertical yugop menus easily and in no time
Sensible menu parameters for manual editing

Professional Look-n-feel

Entirely customizable look-n-feel
A lot of pre-designed vertical yugop samples
Hundreds of visual effects
Custom CSS styles can be applied for all menu settings

Create Simple Menus Javascript Sample Code Vertical Yugop

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

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

2.0 Buttons by Web-Buttons.com v3.0.0

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

Javascript Menu. DHTML Menu.

Build right-click menus for your site. For this purpose you should appoint a peculiar method for the object you want. The current X,Y of the mouse pointer or your own ones can be used for the context menu.
Design menus absolutely based on CSS (Cascading Style Sheets). It is possible to apply the personal CSS styles for every elements of the menu.
When the submenu is bigger than the visible page area, the size of submenu will be automatically decreased. To view all the submenu items you do not need to use scrollbars or something like that - just put your mouse to the bottom of a submenu and it will be automagically scrolled! You can also define width and height for each submenu.

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

Recent Questions

Q: Why when an image is added to the parent javascript layer menu (bar) breaks in two...

I just purchased it today.

A: See images in Vista Templates have the fixed width and height (92 x 21).

If you want to change items' width/height you should change images.

btn_cyan.gif
btn_cyan2.gif

You can do it in any graph editor, for example in Adobe PhotoShop.

You should also change items width in your Individual Item Style.

var itemStyles = [
["itemWidth=92px","itemBorderWidth=0","fontStyle=normal 11px
Tahoma","fontColor=#FFFFFF,#FFFFFF","itemBackImage=btn_cyan.gif,btn_cyan2.gif"],
];

You can do it in Deluxe Tuner.

Q: By the way, I'm not sure I know how to save a screen shot of the vertical drop down menu in the the browser window. Any tips will be appreciated.

A: To save a screen shot of your menu in the browser window you should do the following:

1) Open your website in the browser
2) Open any graph editor, for example Paint and press "Ctrl + V" buttons on the keyboardor go to "Edit / Paste".
3) Then go to "File / Save as".
Save as type - JPEG or PNG.
Select a folder where you would like to save a screenshot and click "Save" button.

Try that.

Q: I want to use my own function within menuItems in the drop down menu button.

A: You can use Javascript instead standard links. For example:

var menuItems = [
["text", "javascript:launchWin('popups/popup_member_browser.cfm','css_MemberBrowser',600,720,0,0,0)"]
];

Q: Can you tell me if I can eliminate the transparent look of the dhtml rollover?
When the menu drops down over text, you can see the text.
What can Ido to fix it.

A: You should set the following parameter:

var transparency="100";

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