WEB BUTTONS HOW TO'S

   QUICK HELP

   JAVASCRIPT SLIDING MENUS

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

The JavaScript Source: Navigation: Sliding Text Navigation Menu This script uses DHTML to create a menu system which contains a large number of links in a relatively small space. Clicking on one of the links will open a sub-menu.

jQuery sliding menu revisited | jQuery | ilovecolors A new improved sliding menu based on our favourite JavaScript library jQuery with the ability to preload images and making the entire block clickable.

Javascript Menu Sliding Click Event Is there a way to capture user click event just like the one in the javascript menu sliding?

Sliding Menu Script Creating amenu that will slide in from the side of the screen.

The JavaScript Source: Navigation: Sliding Text Navigation Menu This script uses DHTML to create a menu system which contains a large number of links in a relatively small space. Clicking on one of the links will open a sub-menu.

Sexy sliding JavaScript side bar menu using mootools body{ position:relative; paddign:0px; font-size:100%; } h2{ color:#FFFFFF; font-size:90%; font-family:arial;

Sexy sliding JavaScript side bar menu using mootools body{ position:relative; paddign:0px; font-size:100%; } h2{ color:#FFFFFF; font-size:90%; font-family:arial;

Javascript Menu Sliding Click Event Is there a way to capture user click event just like the one in the javascript menu sliding?

Sliding Top Menu With jQuery Menu deslizante con jQuery | Seraphinux June 11th, 2008 at 7:15 am [ ] Web Resources Depot | Sliding Top Menu With jQuery Categoria Dise�o, JavaScript, Programacion

JavaScript Sliding PopMenu Free Download color, URL and more for the script. You don't need to write any code by yourself. Script Configuration Program will generate it for you. You can preview the script in

Javascript Sliding Menu Template Javascript Sliding Menu folding flash menu. Vista JavaScript Menu! Enhance your website with animated web buttons!

AllWebMenus Pro : Cross-browser, DHTML/Javascript Menu Builder joomla menu, wordpress menu, drupal menu, sitemap, dynamic menu, pulldown menu, cascading menu, sliding menu, mega menu. Summary: Cross-browser, DHTML/Javascript Menu Builder

DHTML Sliding Menu Items - Product Info To create a multi-row DHTML sliding menu add "$" symbol before the item text. You can set a direct link to your page or Javascript code. For example: dir

jQuery sliding menu revisited | jQuery | ilovecolors A new improved sliding menu based on our favourite JavaScript library jQuery with the ability to preload images and making the entire block clickable.

Sliding Side Bar side bar. Link One; Link Two; Link Three; Link Four; Link Five

Sliding Top Menu With jQuery Menu deslizante con jQuery | Seraphinux June 11th, 2008 at 7:15 am [ ] Web Resources Depot | Sliding Top Menu With jQuery Categoria Dise�o, JavaScript, Programacion

Javascript Menu Sliding Click Event Is there a way to capture user click event just like the one in the javascript menu sliding?

Creating a Sliding Menu Using the MooTools Framework JavaScript This tutorial will teach you how to use the MooTools JavaScript Framework to create a sliding menu menu without much of hassle. JavaScript tutorial

Javascript Menus JQuery Sliding Menu Tutorial Learn how to create a button with a built in JQuery sliding menu similar to the on on PSDTUTS. Complete step-by-step. Example Included.

Sliding Side Bar side bar. Link One; Link Two; Link Three; Link Four; Link Five

Dynamic Drive- DHTML & JavaScript Menu And Navigation scripts Slide-In Menu Bar Series FF1+ IE5+ Opr7+ A cool menu bar that opens/contracts from the left edge of the screen as the surfer interacts with it.

JavaScript Sliding PopMenu Download - Creates professional Creates professional menus with sliding effects for web pages. With this easy-to-use web menu development tool, you can create a professional script just in minutes!

Sexy Sliding Javascript Menu With Mootools | Web Resources Sexy Sliding Javascript Menu With Mootools - Open Source Resources for Web Developers

Creating a Sliding Menu Using the MooTools Framework Create a awesome looking sliding menu using the MooTools JavaScript Framework.

Javascript Sliding Menus Template Javascript Sliding Menus menu flyout cover buttons below. Make professional DHTML/Java Script Menus for your web site with Vista JavaScript Menu!

Javascript Sliding Menus Template Javascript Sliding Menus menu flyout cover buttons below. Make professional DHTML/Java Script Menus for your web site with Vista JavaScript Menu!

jQuery sliding menu revisited | jQuery | ilovecolors A new improved sliding menu based on our favourite JavaScript library jQuery with the ability to preload images and making the entire block clickable.

13 Awesome Javascript CSS Menus - Noupe Design Blog This effect was originally written by Guillermo Rauch using mootools javascript library. Demo: LavaLamp jQuery Sliding Menu Demo: Mootools Fancy Menu

Sliding JavaScript Menu Highlight 1kb - Web Development Blog This sliding hover effect script is an easy method to add some flavor to your navigation.

CSS Sliding Menu : menu, css, sliding Is it possible with no js to create a sliding menu i.e. user clicks heading, the options slide down and vice versa. If not does anyone know of a simple javascript code to