QUICK HELP
Click "Add button" and "Add submenu's item's buttons situated on the Vista Buttons Toolbar to create your menu. You can also use "Delete selected item", "Delete submenu's item" and move buttons. 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.
CSS SUBMENU TUTORIAL
1) File menu 
New - to create new project.
Open - to open saved project. You will be asked if you would like to save the current project in the menu buttons creator.
Save - to save current project in the project file (*.xwb). When you save to project file, the directory "ProjectName.xwb.icons" is created, where ProjectName is the name of your project file. This directory contains button icons, .css and .js files of the saved menu.
Save as� - to save current project in the project file (*.xwb) or in the HTML file or to save your project under another name. Choose type from the "File type" list in the "Save as�" dialog and enter project's (new) name. When you save to project file, the directory "ProjectName.xwb.icons" is created, where ProjectName is the name of your project file. This directory contains button icons, .css and .js files of the saved menu. If the menu doesn't have any icons then the directory is not created.
Save as HTML - to save current project into the HTML file (*.html). Project HTML file will be saved then, and the directory created, containing buttons' images. The directory name will be: "YourProjectName-files", where YourProjectName is the name of the HTML file saved. For example: if you enter "Header" in the "Name" field of the "Save as�" dialog, then "Header.html" and directory named "Header-files" will be created.
Exit - to close Vista buttons application.
2) Tools Export images - to save menu buttons' images as gif-files (*.gif), png-files (*.png) or jpg-files (*.jpg). "Save As�" dialog will appear, where you can either type each button name or leave it unchanged. If you want to save the button images, press "Save". "Save settings" dialog will appear where you can choose image format. Either way (if you don't want the button images to be saved), press "Cancel". This procedure will be repeated for all the menu buttons. When you press "Save", 1 to 3 images are to be saved, depending on the menu type. Their names will be: ButtonName_0.gif - ButtonName_2.gif, where ButtonName is the name you have entered when saving.
- ButtonName_0 - corresponds to Normal state.
- ButtonName_1 - Hot state image.
- ButtonName_2 - corresponds to pressed/clicked state.
Theme editor - to edit/create new themes.
Page insert - you can insert your menu into the existing HTML page.
3) Languages menu 
The "Languages" menu contains the list of available interface languages. English is the default language setting.
4) Help menu 
Help - to read the help.
About -show information about Vista Buttons.
DESCRIPTION
Create both horizontal and vertical menus and submenus with any amount of menus on one page. 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 you should use scrollbars
| Vista-style menus |
| Web menus, which are created by JavaScript Drop Menu, exactly correspond with Windows Vista graphic interface components. That is why the visitors of your site will not have to spend their time in order to familiarize with the unusually-looking navigation. Nevertheless, you are not limited by the standard Windows themes, and you will be able to create your own original buttons. |
Dropdown Menu Cool Template | Easy to Use |
- GUI interface to create your css submenu tutorial menus easily and in no time
- Sensible menu parameters for manual editing
|
Ajax Code For Populate Drop Down List| Css Generateur Menu Horizontal Css Submenu Tutorial |
| Seamless Integration |
- 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
|
RELATED
Simple CSS vertical menu Digg-like You can change the CSS for the #middlebar ul .submenu to have a position of "absolute" instead of Thank you very much for sharing this tutorial with us. February 8, 2009
The Walkthrough: ASP.NET 2.0 CSS Friendly Control Adapters 1.0 ASP.NET 2.0 CSS Friendly Control Adapters: The Walkthrough Summary. This is a step-by-step tutorial of how to install and use this sample kit. Please refer to
Tutorial: Multilevel Menu with CSS and JavaScript | Thesis Theme Tutorial: Image Button Bar Menu /Submenu; Tutorial: Multilevel Menu with CSS and JavaScript 53A502 - medium green - tab dividers #006500 - dark green - submenu
CSS Express Pure CSS Drop-Down and Popup Menus by PVII CSS Express Menus can co-exist on the same page as any PVII menu system. Discuss this tutorial. If you'd like to offer comments or discuss this tutorial, kindly log on to
CSS hover tutorial - BioRUST Forums FORUMS SUBMENU You can also see an effective css replacement effect on this tutorial. It's always nicer to have all
BioRUST.com :: Tutorials >> Improved CSS Hover Images TUTORIALS SUBMENU: PHOTOSHOP FLASH ILLUSTRATOR BLENDER NOTE: This tutorial assumes a basic familiarity with CSS. If you have no idea how CSS
Pastel color menu with dynamic submenu using CSS This tutorial illustrates how to design a nice pastel color menu with a dynamic submenu which appears when you select a link in the main menu, using CSS nice tutorial
HTML Basics Tutorial : HTML CSS vertical list menu and submenu HTML and CSS list menu. Optimized and validated.
HTML Basics Tutorial : HTML CSS vertical list menu and submenu HTML and CSS list menu. Optimized and validated.
CSS Menu Using JavaScript | HTML Tutorials HTML & CSS Tutorial: CSS Menu Using JavaScript. This tutorial will show you how to make a nice looking drop down menu. One click makes a submenu appear and clicking it
HTML CSS vertical list menu and submenu Tutorial, HTML Tips and Easy HTML/CSS menu with submenu items. Opera 9, Mozilla 2.0 and IE6 optimized.
horizontal submenu drop appearing below right column in IE Css dropdown menu horizontal submenu drop appearing below right column in ie I don�t know, its from an tutorial "Tutorials provided by Claire" and
Submenu Con Css : Free Online Pure CSS Flyout Menu Maker. No funciona bien con el Explorer, al menos con el IE7.El submenu desplegable no aparece tutorial de menu desplegable con CSS Este men�, al ser s�lo con CSS, no funcionar�
Pastel color menu with dynamic submenu using CSS This tutorial illustrates how to design a nice pastel color menu with a dynamic submenu which appears when you select a link in the main menu, using CSS nice tutorial
Tutorial: Multilevel Menu with CSS and JavaScript | Thesis Theme Tutorial: Image Button Bar Menu /Submenu; Tutorial: Multilevel Menu with CSS and JavaScript 53A502 - medium green - tab dividers #006500 - dark green - submenu
Tutorial Javascript Submenu Vertical Template A lot of pre-designed tutorial javascript submenu vertical samples ; Hundreds of visual effects ; Custom CSS styles can be applied for all menu settings
HTML CSS vertical list menu and submenu - Tutorialized HTML CSS vertical list menu and submenu- HTML. Visit Tutorialized to discuss HTML CSS vertical list menu and submenu
Pastel color menu with dynamic submenu using CSS This tutorial illustrates how to design a nice pastel color menu with a dynamic submenu which appears when you select a link in the main menu, using CSS nice tutorial
30 Free CSS Based Navigation Menus | cssJuice Drop-Down Menus, Horizontal Style create visually appealing drop-downs by using structured HTML and simple CSS. Horizontal and Vertical CSS Menu Tutorial. Topics: CSS,
How To Create Horizontal Dynamic Menu And Submenu From Database Web Menu Maker Tutorials Menus Submenus Css Jsp Submenu Menue Maker Javascript Horizontal Menu Bar Css Vertical Drop Down Menu Css Multi Level Tabs
HTML CSS vertical list menu and submenu - Tutorialized HTML CSS vertical list menu and submenu- HTML. Visit Tutorialized to discuss HTML CSS vertical list menu and submenu
BioRUST.com :: Tutorials >> Improved CSS Hover Images TUTORIALS SUBMENU: PHOTOSHOP FLASH ILLUSTRATOR BLENDER NOTE: This tutorial assumes a basic familiarity with CSS. If you have no idea how CSS
30 Free CSS Based Navigation Menus | cssJuice Drop-Down Menus, Horizontal Style create visually appealing drop-downs by using structured HTML and simple CSS. Horizontal and Vertical CSS Menu Tutorial. Topics: CSS,
Tutorial: Multilevel Menu with CSS and JavaScript | Thesis Theme Tutorial: Image Button Bar Menu /Submenu; Tutorial: Multilevel Menu with CSS and JavaScript 53A502 - medium green - tab dividers #006500 - dark green - submenu
The Walkthrough: ASP.NET 2.0 CSS Friendly Control Adapters 1.0 ASP.NET 2.0 CSS Friendly Control Adapters: The Walkthrough Summary. This is a step-by-step tutorial of how to install and use this sample kit. Please refer to
CSS Tutorials: CSS Lists, CSS Navigation Bar, CSS Menus CSS - Cascading Style Sheets CSS Tutorials the submenu is longer than the main menu. [Article/tutorial dated 06/29/2004, by Nick Rigby, for A List Apart.] Hybrid CSS
The Walkthrough: ASP.NET 2.0 CSS Friendly Control Adapters 1.0 ASP.NET 2.0 CSS Friendly Control Adapters: The Walkthrough Summary. This is a step-by-step tutorial of how to install and use this sample kit. Please refer to
CSS Menu: 100% Pure! 100% Free! Visually create 100% pure CSS dropdown menus. 100% Free!
Good-Tutorials - CSS Tutorials using CSS? Are you looking to use different styles for your navigation menus? This tutorial will teach you how to create different menu styles for a main menu, submenu
Tutorial: Multilevel Menu with CSS and JavaScript | Thesis Theme Tutorial: Image Button Bar Menu /Submenu; Tutorial: Multilevel Menu with CSS and JavaScript 53A502 - medium green - tab dividers #006500 - dark green - submenu
Css Menu Submenu Sample Good-Tutorials - CSS: Vertical CSS menu (with submenu) This tutorial will tell you exactly how to make a vertical CSS menu. This menu will have submenu 's and will use CSS
CSS Tabs | unraveled Introduction. CSS Tabs 2.0. Tab One; Tab Two; Tab Three; Tab Four; CSS Tabs is licensed under Creative Commons Attribution 3.0. Joshua Kaufman, unraveled 28 January, 2007
BioRUST.com :: Tutorials >> Improved CSS Hover Images TUTORIALS SUBMENU: PHOTOSHOP FLASH ILLUSTRATOR BLENDER NOTE: This tutorial assumes a basic familiarity with CSS. If you have no idea how CSS
15 CSS and HTML Tutorials You Can Use In Your Projects | Social Pastel color menu with dynamic submenu using CSS This tutorial illustrates how to design a nice pastel color menu with a dynamic submenu which appears when you select a
CSS Menu Using JavaScript | HTML Tutorials HTML & CSS Tutorial: CSS Menu Using JavaScript. This tutorial will show you how to make a nice looking drop down menu. One click makes a submenu appear and clicking it
CSS Tutorials using CSS? Are you looking to use different styles for your navigation menus? This tutorial will teach you how to create different menu styles for a main menu, submenu
CSS tabs with Submenus :: Adam Kalsey CSS tabs with Submenus. Freshness Warning This article submenus to your tabbed navigation in which the submenu Still, I did not find the time to write a brief tutorial.
CSS tabs with Submenus :: Adam Kalsey CSS tabs with Submenus. Freshness Warning This article submenus to your tabbed navigation in which the submenu Still, I did not find the time to write a brief tutorial.
Submenu Con Css : Free Online Pure CSS Flyout Menu Maker. No funciona bien con el Explorer, al menos con el IE7.El submenu desplegable no aparece tutorial de menu desplegable con CSS Este men�, al ser s�lo con CSS, no funcionar�
Pastel color menu with dynamic submenu using CSS This tutorial illustrates how to design a nice pastel color menu with a dynamic submenu which appears when you select a link in the main menu, using CSS nice tutorial
