JAVASCRIPT DROP MENU HOW TO'S

   QUICK HELP

   SIMPLE DROPDOWN MENU TUTORIAL

Create buttons in theme editor
To open Theme editor right-click "Tools/Theme editor" in the Main menu. Theme editor helps you create your own themes or modify existing ones. To select a button you would like to edit, just lick it in the Themes toolbox.

Create button... - to add new button to the current theme. After you click the "Create button" button, the "Create New Button" dialog will appear.

Load image - to open button states image file (*.bmp)

Total images - to define how many button state images are in the opened file. The button states image will then be divided into this number of state images.

State � offset fields - to set the state image for each Normal/Hot state of the button. If you set state offset to 0 then the topmost state image will be used for the state. If you set state offset to 1 then the second state image will be used etc. State 1 corresponds to the Normal state, state 2 - to the Hot state, state 3 - to the Pressed state.

Create button - to add the button to the current theme.

Delete button - to delete the button from the current theme.

Clone button - to create a copy of the button in the current theme.

Edit properties... - to edit the button state images' edge width. After you click the "Edit properties..." button, the "Button properties" toolbox will appear.

Horizontal and Vertical - to define edge width for each state. Edges are not scaled when you change the button size. Using edges is useful when you would like the button to have border. Then, if the border is within the edges, it won't be scaled.

Central area is scaled in both directions. Corners are not scaled. Vertical edges are not scaled in vertical direction. That is, when you change the button height, vertical edges will not be scaled. And vice versa, horizontal edges are not scaled in horizontal direction.

Example: Let's say, we have the following button (size: 50x50):

Let's change it's width to 150:

As you can see, in the left image (Horiz. edge width = 1) whole button image was scaled to fit its new size. In the second case (Horiz. edge width = 10) left and right edges of the button were not scaled. Same with the vertical edge width.

Transparent Color - to set the transparent color. When you add new button, transparent color is automatically set to match the color of the top-left corner of the button states image.

New theme... - to create a new theme. "Create New Theme" dialog will appear, where you should enter theme name and special notices (for example your copyright info, email, etc.).

Save theme - to save theme changes.

Close - to close Theme editor.

Change colors... - to exchange web button images colors. After clicking the "Color exchange" button, the "Color exchange" dialog will appear. Select the state(s) you want to be affected by clicking the checkbox next to the state image.

Move slider to find the color you like.

Wight and Height fields - to set the preview button size.

   DESCRIPTION

   RELATED

Dropdown Menu in Flash MX 2004 Flash MX 2004 Dropdown Menus. Before using this tutorial it is strongly recommended to read Creating With the Rectangle Tool draw a simple shape. e. Click with a

A Simple Drop-Down Menu Using Jquery | BloggerStop.Net - Blogger The last two drop down menu tutorials on this blog use background images in the menu-tabs, and hence it is not so easy to customize them for your blogs.

kirupa.com - Creating Drop-Down Menus This tutorial requires only the basic [ A simple drop-down menu with no animation ] First you should

WordPress Multi-Level Drop Down menu using jQuery down menu or javascript drop-down menus in our struggle with cross-browser compatibility. The aim of this short tutorial is help you build a simple multi-level drop-down

Scrolling Drop-Down Menu | Swish Tutorials Swish Tutorial: Scrolling Drop-Down Menu. In the previous tutorial I taught you how to make a simple drop-down menu but in this tutorial I\'ll teach how to put a scroller

Phpsimple.net : PHP Tutorial, PHP Source Code, PHP Programming Put records from your database in a drop down menu/list box. You can apply it as a navigator list box. Good for saving your webpage areas or you have many links you don

WordPress Multi-Level Drop Down menu using jQuery down menu or javascript drop-down menus in our struggle with cross-browser compatibility. The aim of this short tutorial is help you build a simple multi-level drop-down

Javascript Navigation Simple Drop-Down Menu Tutorial This clean-looking menu is very simple to implement and can be placed anywhere on a page. Adding or deleting levels is easy to do. The menu is created without tables

Dropdown Menu Template Simple jQuery Dropdowns. Follow this tutorial to build a dropdown menu in the simplest possible way. With little code and minimal styling, this menu is highly adaptable

Dropdown Menu in Flash MX 2004 Flash MX 2004 Dropdown Menus. Before using this tutorial it is strongly recommended to read Creating With the Rectangle Tool draw a simple shape. e. Click with a

Good-Tutorials - CSS: CSS Simple Drop Down Navigation Menu In this tutorial you will learn how to create a stylish drop down menu using only CSS. This tutorial is for intermediate users. You will be able to add drop down menu's

Scrolling Drop-Down Menu | Swish Tutorials Swish Tutorial: Scrolling Drop-Down Menu. In the previous tutorial I taught you how to make a simple drop-down menu but in this tutorial I\'ll teach how to put a scroller

kirupa.com - Creating Drop-Down Menus This tutorial requires only the basic [ A simple drop-down menu with no animation ] First you should

Drop Down Menu Navigation Congratulations! You have now learnt to create drop down menu navigation. Related Tutorials: Simple Navigation Ideas | Advanced Navigation Ideas

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

Simple dropdown css menu *beta - CSS - Tutorials - Vision.To Vision.To Design - Web Applications Beyond Your Imagination Select Design. Digital The *Digital*, inspired by old VCR-DVD player's interfaces.

HTML Drop Down Menu Tutorial - HTML Code Tutorial Drop Down Menu Tutorial. A drop down menu is a popular way to cram a lot of links into a small space The technique described here is quite simple. We've written all the

A Simple Drop-Down Menu Using Jquery | BloggerStop.Net - Blogger The last two drop down menu tutorials on this blog use background images in the menu-tabs, and hence it is not so easy to customize them for your blogs.

WordPress Multi-Level Drop Down menu using jQuery down menu or javascript drop-down menus in our struggle with cross-browser compatibility. The aim of this short tutorial is help you build a simple multi-level drop-down

kirupa.com - Creating Drop-Down Menus This tutorial requires only the basic [ A simple drop-down menu with no animation ] First you should

Flash Drop Down Menu In this video tutorial you will learn how to create a simple drop down menu in Flash.

A Simple Drop-Down Menu Using Jquery | BloggerStop.Net - Blogger The last two drop down menu tutorials on this blog use background images in the menu-tabs, and hence it is not so easy to customize them for your blogs.

Easy to Style jQuery Drop Down Menu Tutorial Drop down menu is always the most famous solution in navigation menu. This tutorial will show us how to create one and also to keep it as simple as possible so that it

Plain Shane Design - CSS Drop Down Navigation Menu - Virginia This tutorial is going to show you how to create a Simple CSS Drop Down Menu that you can important part of this tutorial. These give our menu the drop down

Dropdown Menu in Flash MX 2004 Flash MX 2004 Dropdown Menus. Before using this tutorial it is strongly recommended to read Creating With the Rectangle Tool draw a simple shape. e. Click with a

jQuery Drop Down Menu In this JQuery tutorial we will develop a program to make Drop Down menu Steps to develop the Drop Down menu. Step 1: jQuery Simple Drop Down Menu

Plain Shane Design - CSS Drop Down Navigation Menu - Virginia This tutorial is going to show you how to create a Simple CSS Drop Down Menu that you can important part of this tutorial. These give our menu the drop down

The No-Code Way to a Pure CSS Horizontal Drop-Down Menu with In this tutorial you will learn to create a Pure CSS Drop-Down Menu pretty much without writing a The Pure CSS Drop-Down Menu is a clean, simple and elegant menu

Dropdown Menu Template Simple jQuery Dropdowns. Follow this tutorial to build a dropdown menu in the simplest possible way. With little code and minimal styling, this menu is highly adaptable

Javascript Navigation Drop Down Menu Tutorial Tutorial In this JQuery tutorial we will develop a program to make Drop Down menu Steps to develop the Drop Down menu. Step 1: jQuery Simple Drop Down Menu

Simple dropdown css menu *beta - CSS - Tutorials - Vision.To Vision.To Design - Web Applications Beyond Your Imagination Select Design. Digital The *Digital*, inspired by old VCR-DVD player's interfaces.

Drop down menu in Flash This tutorial will show you how to create a simple drop down menu. You will also learn how to design it, how to apply action script code on it, how to create the

Build an Ajax Dropdown Menu | Webmonkey | Wired.com In simple speak, Ajax allows us to use JavaScript to In our example, well use a pair of dropdown menu boxes thanks for this tutorial, i have learned a lot from

PVII CSS Express Menu css express drop-down menus. Back to Tutorial; Trigger One. Sub 1.1; Sub 1.2; Sub 1.3; Sub 1.4; Trigger Two. Sub 2.1

Javascript Navigation Drop Down Menu Tutorial Tutorial In this JQuery tutorial we will develop a program to make Drop Down menu Steps to develop the Drop Down menu. Step 1: jQuery Simple Drop Down Menu

Easy to Style jQuery Drop Down Menu Tutorial Drop down menu is always the most famous solution in navigation menu. This tutorial will show us how to create one and also to keep it as simple as possible so that it

Javascript Navigation Simple Drop-Down Menu Tutorial This clean-looking menu is very simple to implement and can be placed anywhere on a page. Adding or deleting levels is easy to do. The menu is created without tables

PVII CSS Express Menu css express drop-down menus. Back to Tutorial; Trigger One. Sub 1.1; Sub 1.2; Sub 1.3; Sub 1.4; Trigger Two. Sub 2.1

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

Javascript Navigation Simple Drop-Down Menu Tutorial This clean-looking menu is very simple to implement and can be placed anywhere on a page. Adding or deleting levels is easy to do. The menu is created without tables