QUICK HELP
Click "Add button" and "Add submenu's item's buttons to create your menu. Create your own buttons or use ready to use Templates. Select vista button or submenu by clicking it and change button appearance for normal and mouse over states and set buttons/submenus link properties and link target attributes. Save your menu as project file, as HTML page or insert your menu into the existing HTML page
VERTICAL DROPDOWN MENU TUTORIAL
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 Buttons" theme's backgrounds, we'll get following results:
DESCRIPTION
Use images for backgrounds of submenus and items, icons, arrows. Using web images you can create menus completely based on graphics. Design both horizontal and vertical menus and submenus with any amount of menus on a single page. Place any HTML code inside the menu item - be it a flash-object, form, picture, or text. This ability lets you to build various menus of any complexity.
| Instant preview |
- Each change of button-menu appearance is instantly displayed in the Preview Window.
- At the same time, you will be able to test how the buttons would respond to the mouse events.
|
Ajax Rollover Menu Horizontal | Easy to Use |
- GUI interface to create your vertical dropdown menu tutorial menus easily and in no time
- Sensible menu parameters for manual editing
|
Collapsible Submenus In Javascript| Drop Down Menu With Slide Show Pop Up Vertical Dropdown Menu Tutorial |
| Extended capabilities to save and export the results |
- Everything you create with the program, has been saved in the Project File. This allows you either to continue your work at any time, or share your ideas with friends and colleagues.
- You can also save your menu as a HTML page, or export it as separate graphic images.
|
RELATED
Edit an AJAX Drop-Down Menu in Dreamweaver | Layers Magazine This tutorial shows you how to customize a drop-down menu. 1 INSERT A DROP-DOWN MENU your page with submenu options that drop down below the menu bar, or a vertical
13 Excellent Tutorials On Creating jQuery Navigation Menu 10- Jquery Vertical Slide (Dropdown) Navigation my thoughts as I build a drop down menu 8 Tutorials On Creating Mootools Navigation Menu, Dropdown And Sliding Menu
CSS Tutorials: CSS Lists, CSS Navigation Bar, CSS Menus CSS navigation menus tutorials - How to create CSS dropdown menus, flyout menus, CSS lists, CSS This drop-down menu (aka flyout menu - vertical menu with horizontal
Adding Vertical Navigation to Webpage Layout BlueHost Tutorials. BlueHost Main Domain; Publishing to BH with CSS Library Vertical CSS Menus; CSS Play Menus; CSS Express Drop-Down Menus - by the folks at ProjectSeven.
Flash tutorials 12 Menu with actionscript 3 and XML | Lemlinh.com This tutorial will teach you how to create a vertical menu with the help of XML and ActionScript 3. Flash 8 I will show you how to create a set of cool drop-down menus
Vertical and Horizontal Drop Down Menus Fireworks Tutorials. Fireworks Tips ; Fireworks Web Desisgn ; Swap Images ; Drop Down Menus Vertical and Horizontal Drop Down Menus in Fireworks. Requirements
13 Excellent Tutorials On Creating jQuery Navigation Menu 10- Jquery Vertical Slide (Dropdown) Navigation my thoughts as I build a drop down menu 8 Tutorials On Creating Mootools Navigation Menu, Dropdown And Sliding Menu
CSS Express Pure CSS Drop-Down and Popup Menus by PVII CSS Express Drop-Down Menus. What in the world is a CSS Express Drop-Down menu CSS Express Menus can co-exist on the same page as any PVII menu system. Discuss this tutorial
Edit an AJAX Drop-Down Menu in Dreamweaver | Layers Magazine This tutorial shows you how to customize a drop-down menu. 1 INSERT A DROP-DOWN MENU your page with submenu options that drop down below the menu bar, or a vertical
CSS Menu Tutorial - Horizontal and Vertical CSS Menus Horizontal and Vertical CSS Menu Tutorial Positioning the Popout Menus and Dropdown Menus #menu li {position: relative
Free CSS Drop-Down Menu Framework - LWIS.NET http://www.lwis.net/free-css-drop-down-menu/dropdown.simple.vertical.rtl.html. and somehow on our Web site the drop down menu is not working under IE.
Cut & Paste CSS Vertical List Menu JavaScript Tutorials DHTML/ CSS Web Building Tutorials Cut & Paste CSS Vertical List Menu lists are transformed into 2nd level drop down menus that
Tutorial: Vertical Multilevel Dropdown Menu | Thesis Theme Tools The Vertical Multilevel Dropdown Menu can function as your main menu or as a supplement to another menu. It is easy to set up and use, and features fast execution, great
Free CSS Drop-Down Menu Framework - LWIS.NET http://www.lwis.net/free-css-drop-down-menu/dropdown.simple.vertical.rtl.html. and somehow on our Web site the drop down menu is not working under IE.
How-to: DropDown CSS Menu � DivitoDesign Due a large stream of requests for the horizontal, drop-down version of the Vertical CSS menu tutorial, I will write a tutorial covering all the basic points of building
Drop down menus in fireworks Learn how to create vertical and horizontal drop down menus in Fireworks MX 2004.
CSS Express Pure CSS Drop-Down and Popup Menus by PVII CSS Express Drop-Down Menus. What in the world is a CSS Express Drop-Down menu CSS Express Menus can co-exist on the same page as any PVII menu system. Discuss this tutorial
CSS Menu, Vertical Menu, CSS Vertical Menu Multiple Vertical Drop Down Menus On the Same Page to the main level of the CSS menu or the drop down levels Tutorials
Drop down menus in fireworks Learn how to create vertical and horizontal drop down menus in Fireworks MX 2004.
CSS DropDown Menu Tutorial Page 2 Following on from the vertical tutorial, which I recommend you read first, if you haven't already, as it covers more of the Internet Explorer workarounds in depth.
Fireworks Interactivity Vertical and Horizontal Drop Down Menus In this tutorial you will learn how to create drop-down menus as seen on our site in Fireworks and Dreamweaver MX 2004. It is very easy to create drop down menus in
Free CSS Drop-Down Menu Framework - LWIS.NET http://www.lwis.net/free-css-drop-down-menu/dropdown.simple.vertical.rtl.html. and somehow on our Web site the drop down menu is not working under IE.
Css Horizontal Drop Down Menu Tutorial : Free Online CSS-only CSS horizontal drop down menu tutorial | Penguination Project We will create horizontal drop down menu that works with any explorer. Css Vertical Tree Menu Menu Vertical Con
Vertical sliding menu tutorial - Flash Kit Community Forums Flash Help Vertical sliding menu tutorial Flash General Help Looking for any tutorials to build a vertical sliding menu like this. Not just a drop down menu.
Adding Vertical Navigation to Webpage Layout BlueHost Tutorials. BlueHost Main Domain; Publishing to BH with CSS Library Vertical CSS Menus; CSS Play Menus; CSS Express Drop-Down Menus - by the folks at ProjectSeven.
Dreamweaver Dreamweaver and Fireworks Creating Drop Down Menus in In this tutorial you will learn how to create vertical and horizontal drop-down menus in Fireworks and Dreamweaver MX 2004.
Multilevel Drop Down Navigation Menus: Examples and Tutorials CSS vertical menu Digg-like - This tutorial explains how to implement a simple vertical menu digg-like using CSS and javascript to show/hide sub-menu. 17) Drop down menu
ilike2Flash: Vertical sliding menu in Actionscript 3 In this tutorial you will learn how to create a vertical sliding menu in Actionscript 3.0. Drop down menu; Circular transition effect; Shiny text effect
Css Horizontal Drop Down Menu Tutorial : Free Online CSS-only CSS horizontal drop down menu tutorial | Penguination Project We will create horizontal drop down menu that works with any explorer. Css Vertical Tree Menu Menu Vertical Con
Vertical sliding menu tutorial - Flash Kit Community Forums Flash Help Vertical sliding menu tutorial Flash General Help Looking for any tutorials to build a vertical sliding menu like this. Not just a drop down menu.
Dropdown menus Wickham's XHTML & CSS tutorial. Search | Home. Dropdown menus. Some of the examples are Vertical dropdown or flyout menu. 2 This example has the same basic code without
Vertical sliding menu tutorial - Flash Kit Community Forums Flash Help Vertical sliding menu tutorial Flash General Help Looking for any tutorials to build a vertical sliding menu like this. Not just a drop down menu.
Vertical Drop Down Stretch Menu - Extensive Detailed Tutorial Featured Photoshop templates - professional ready to use designs for your next project View all templates
Swish Max tutorials - Vertical Drop Down Stretch Menu - Extensive Swish Max tutorials / Menus and Navigation - Vertical Drop Down Stretch Menu - Extensive Detailed Tutorial - Vertical Drop Down Stretch Menu - Extensive Detailed Tutorial
Adding Vertical Navigation to Webpage Layout BlueHost Tutorials. BlueHost Main Domain; Publishing to BH with CSS Library Vertical CSS Menus; CSS Play Menus; CSS Express Drop-Down Menus - by the folks at ProjectSeven.
CSS Tutorials: CSS Lists, CSS Navigation Bar, CSS Menus CSS navigation menus tutorials - How to create CSS dropdown menus, flyout menus, CSS lists, CSS This drop-down menu (aka flyout menu - vertical menu with horizontal
Tutorial: CSS Multilevel Dropdown Menu | Thesis Theme Tools Tutorial: Vertical Multilevel Dropdown Menu (9) Tutorial: Multilevel Menu with CSS and JavaScript (41) Tutorial: Customizing Just Your Front Page, Pages or Posts Using
CSS Dropdown Menus Sample and Tutorials - Hidden Pixels CSS and XHTML drop-down menu (vertical and horizontal) Tutorial about Creation Horizontal and Vertical drop-down menu with CSS, without using any scripts languages.
CSS Menus - Vertical CSS Menu with Popout and Dropdown Menus Vertical CSS Menu with Popout and Dropdown Menus Last modified 2005-01-31 to address IE5+ compatibility issues. Grab/Read the Basic Tutorial
Tutorial: Vertical Multilevel Dropdown Menu | Thesis Theme Tools The Vertical Multilevel Dropdown Menu can function as your main menu or as a supplement to another menu. It is easy to set up and use, and features fast execution, great
