Side Menu Examples Screenshots



Menu, Button, and Icon Collection

Vista JavaScript Menu provides huge collection of 1400 web buttons, 6600 icons, 300 ready-made samples, so you'll create really nice looking menus and buttons with little or nodesign skills at all! Web 2.0, Mac, iPhone, Aqua buttons, Vista, XP, transparent, round, glossy, metallic, 3d, tab menus, drop down menus will be a breeze!

Button and Icon Samples

Video Tutorial




Submenus drop down over all the objects of the page (select, flash, object, embed). You don't have to know HTML, JavaScript, CSS or any other coding languages. Vista Web Buttons will generate all necessary images, html, javascripts, css styles automatically!



Features

Ready to use button templates and submenus themes.
In the Themes toolbox you can choose selected buttons and submenu themes for web appearance.

javascript horizontal sliding menu Great Looking Web Navigation with Minimum Effort
Vista JavaScript Menu provides 500+ web buttons, 100 submenu designs, 6600+ icons, 50 ready-made samples, so you'll create really nice looking website html menus and html buttons with little or no design skills at all! Vista, XP, Win98, Mac, Aqua buttons, round, glossy, metallic, 3d styles, tab menus, drop down menus will be a breeze!

website picture changing menu Create your own button themes
Theme editor helps you create your own themes or modify existing ones.

jquery context menu popup Side Menu Examples Fully Customizable
Every button or menu parameter can be easily customized in Vista JavaScript Menu to fit your web site design and your needs. Create your very own html menus, as simple or as complex as you want!

Easy to Use
With Vista Web Buttons clear and comprehensible interface, you need just 4 simple steps to get your web buttons or html menu ready and if you use a pre-designed sample as a base you'll end up even faster!

Save project. Save your image buttons as html
You can save current project in the project file (*.xwb) or into the HTML file (*.html).




2.0 Buttons by Web-Buttons.com v3.0.0

How to Use Javascript Menu Generator

  • Let's assign text to the web menu buttons. Select first web button by clicking it and then enter text in the "Text" field on the Properties toolbox. You will see that, as you enter the text, the selected button's text will change too.


    Then select next web button with click. Enter its text and so on. After finishing, the menu will look like this:

  • Now let's add some icons. Select button and then click the "Open icon" button on the "Normal state" tab of the Properties toolbox.


    "Open" dialog will appear, where you can choose an icon. Other way to assign an icon is to type its full path and name in the "Icon" field ("c:\myicons\stylish_3\pretty.ico", for example). Repeat this for each menu button. You should get something like this in result:

  • Let's change icons' position inside the buttons. To do it you should select all buttons by clicking on the first button, then pressing the Shift key, and then clicking the last web button while still holding the Shift key. You can also press "Ctrl + A" to select all buttons. Then click one of the "Icon Align" buttons on the "Normal State" tab on the Properties toolbox.


    You will see that icons are aligned in the selected way now. In this example we choose Top icon align.

  • Now let's add text shadow to buttons when button in hot state. Select all buttons as described in the previous step and then set the "Shadow" checkbox on the "Hot state" tab of the Properties toolbox.


    Now, when you point mouse at the menu button, shadow will appear under the button text like in the "Products" button of the following example:

  • Let's change the menu theme. To do it just select theme you like in the themes list on the buttons editor toolbox. Then you can browse this theme's button backgrounds. Note, that button backgrounds are previewable. You can look at their behavior while choosing. Just point mouse at it, click it to know how web button will react.


    When you find a button background you like, double-click it to apply. For example, after choosing one of the "01 Vista JavaScript Menu" theme's backgrounds, we'll get following results:


Support

Please contact Customer Support at (please include template name in the message title)

FAQ

Related

jQuery Navigation Examples Horizontal Menu Navigation Plugins and Tutorials Sproing! Thumbnail Menu | Demo Sproing! is a plugin that creates an elastic effect for your navigation

Jquery Side Menu : Drop Menu Overlapping jQuery Swf Jquery Side Menu. Make professional HTML/Java Script Menus for your web site with jQuery Menu!. Cascaded Dropdown Menu Php jQuery

Bullet List Accordion Menu In this menu example, the menu headers are H3 tags, with each sub menu being UL tags that ... Arrow Side Menu ("clickgo") Copyright 1998-2010 Dynamic Drive. ...

Advanced AWT Pop-Up Side Menu Bar Welcome to our Java and Javascript web menu & navigation bar collection. ... Pop-Up Side Menu Bar. Examples. We recommend that you use these examples in conjunction ...

Menu G5 Examples: When Javascript is disabled For a menu page, there will be cases that a visitor has turned off Javascript in his ... the menu bar on page top and the drop-down menu on the left side. ...

No Side Menu - ColdFusion CustomTag Header/Footer Demo In this example side menu is turned off with showsidemenu="false" and a CSS file is imported css="css/nosidemenu.css" to adjust the left margin of the content. ...

Main Navigation Types and Usability - Pt 2, Vertical ... The example below demonstrates a left side vertical menu configuration. ... An example of a right side vertical menu. From a usability perspective, ...

Cut & Paste Dbmenu (CSS drop down menu) Side Styles. The HTML. The CSS. Example #2 (vertical dropdown menu) ... which contains all the files that make up this menu, plus the 3 examples you see above. ...

Main Navigation Types and Usability - Pt 2, Vertical ... The example below demonstrates a left side vertical menu configuration. ... An example of a right side vertical menu. From a usability perspective, ...

Uncle Jim's Web Designs: Dynamic Side Menu Navigation Uncle Jim's JavaScript Examples. Dynamic Side Menu Navigation ... links can never be displayed because the menu will follow if you try to scroll down. ...

1st Contact - Access Northwind Examples, Northwind Database ... Click the Help menu, choose Sample Databases. A side menu will appear. Choose Northwind ... Followings is an example from the Northwind Sample Database, in which ...

Eurofighter Simulation Systems So using the example of the left menu on this page it is actually a file called menu.html located in the ... give you some idea of the true value of using Server Side Includes. ...

MenuMachine : Example menus Example menus. Horizontal. Horizontal - vertical submenus. Popular drop-down menu type. ... type of menu for MenuMachine. Utilize a narrow vertical space (like the left side of a ...

Jquery Side Menu : Drop Menu Overlapping jQuery Swf Jquery Side Menu. Make professional HTML/Java Script Menus for your web site with jQuery Menu!. Cascaded Dropdown Menu Php jQuery

JR's Right Side Floating Menu JR's Right Side Floating Menu. This simple and unobtrusive menu floats out onto the page ... Some examples are copyright notices and update flags. If the content ...

Cut & Paste Dbmenu (CSS drop down menu) Side Styles. The HTML. The CSS. Example #2 (vertical dropdown menu) ... which contains all the files that make up this menu, plus the 3 examples you see above. ...