WEB BUTTONS HOW TO'S

   QUICK HELP

   EXAMPLE OF DROP DOWN MENU

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

Drop Down Menu - Menu Examples This example demonstrates: Ability to jump outside the browser window - "Height Test" item has submenu with 50 items System colors for back, backHigh, font, fontHigh

DHTML menu, javascript menu, drop down menu for your Website! DHTML Menu Example #18. jQuery Menus jQuery Menu jQuery Drop Down Menu jQuery DropDown Menu jQuery Menu Drop Down jQuery Horizontal Menu jQuery CSS Menu

Drop Down Menu Example Center Menu Item How do I center a menu item inthe drop down menu example?

Horizontal Drop Down Menus Home; About. History; Team; Offices; Services. Web Design; Internet Marketing; Hosting; Domain Names; Broadband; Contact Us. United Kingdom; France; USA; Australia

Menu Samples Vertical Horizontal Drop Down Menus HTML CSS Menu samples of drop down menus, vertical menus, horizontal drop down menus and various other menu designs in CSS, Javascript and HTML.

Creating a FrontPage Drop-Down Menu with JavaScript The cascading drop-down menu example does function as expected in Internet Explorer and Opera but not in Mozilla or Netscape Navigator. In addition, the HTML examples in

Multi Level Drop Down Menu Overview « Pixel Ruler, Eyedropper Multi-Level Drop Down Menu 2.82. MLDDM is a website navigation script. The main by simply editing HTML and CSS. All the rest is done by the script. Example:

Multi Level Drop Down Menu Overview « Pixel Ruler, Eyedropper Multi-Level Drop Down Menu 2.82. MLDDM is a website navigation script. The main by simply editing HTML and CSS. All the rest is done by the script. Example:

JDDM - Drop Down Menu JDDM (Drop Down Menu) is a drop down menu java applet, a comprehensive solution for website For more information consult Setup and Examples. Source Code and Documentation

Drop Down Menu - Menu Examples This example demonstrates: Ability to jump outside the browser window - "Height Test" item has submenu with 50 items System colors for back, backHigh, font, fontHigh

jQuery Drop Down Menu, Web Buttons, Animated jQuery Menu jQuery Menu Drop Down Style 04 (Gray) jQuery Live Examples; Screen Shots; Purchase; Download; Javascript tips; FAQ; Purchase; Contact; XP Drop Down Menu

DHTML Menu, JavaScript Menu, Drop-Down Menu Maker. Cross-browser DHTML menu & JavaScript menu maker. Create cross-browser drop-down menus in just a few clicks!

Horizontal CSS Menu Tutorial ~ Example Page 7 CSS Drop Down Menu Tutorial Code tanfa Demo example. tanfa Tutorial. Stage 1; Stage 2; Stage 3; Stage 4; Stage 5; Stage 6

Mega Menus: the Next Web Design Trend (example from actionenvelope.com) The features of a mega drop-down menu. Typically, a mega menu: is a single drop-down that appears on hover; shows all the options in one large

Multilevel Drop Down Navigation Menus: Examples and Tutorials Drop Down Menu Generator Izzymenu- With an impressive Ajax interface, you can build your own CSS drop down DHTML sub-menu in minutes without writing a single line of

Stu Nicholls | CSSplay | A css only dropdown menu further CSS only drop-down menu - further examples 24th May 2006. Menu #1 - 24th May 2006

Stu Nicholls | CSSplay | A css only dropdown menu further CSS only drop-down menu - further examples 24th May 2006. Menu #1 - 24th May 2006

Creating a FrontPage Drop-Down Menu with JavaScript The cascading drop-down menu example does function as expected in Internet Explorer and Opera but not in Mozilla or Netscape Navigator. In addition, the HTML examples in

Dynamic Drive DHTML Scripts- AnyLink Drop Down Menu In the above example, that would be rel="anylinkmenu1". Initializing the Menu. With all of your anchor links and drop down menus defined using the above procedure, inside

Creating a FrontPage Drop-Down Menu with JavaScript The cascading drop-down menu example does function as expected in Internet Explorer and Opera but not in Mozilla or Netscape Navigator. In addition, the HTML examples in

Horizontal Drop Down Menus Home; About. History; Team; Offices; Services. Web Design; Internet Marketing; Hosting; Domain Names; Broadband; Contact Us. United Kingdom; France; USA; Australia

Designing Drop-Down Menus: Examples and Best Practices - Smashing As a general rule, most Web developers, especially usability enthusiasts, say it is bad practice to use drop-down menus because they are confusing, annoying and

Dynamic Drive DHTML Scripts- Drop Down Tabs (5 styles) 2) HTML for drop down menu(s): The drop down menus associated with the desired tabs above are defined as individual DIV tags on the page. For example:

Multilevel Drop Down Navigation Menus: Examples and Tutorials Drop Down Menu Generator Izzymenu- With an impressive Ajax interface, you can build your own CSS drop down DHTML sub-menu in minutes without writing a single line of

Drop Down Menu - Menu Examples This example demonstrates: Ability to jump outside the browser window - "Height Test" item has submenu with 50 items System colors for back, backHigh, font, fontHigh

Drop Down Menu Examples With Firefox The contact page drop down menu examples would not work with the Firefox browser.

Dynamic Drive DHTML Scripts- AnyLink Drop Down Menu In the above example, that would be rel="anylinkmenu1". Initializing the Menu. With all of your anchor links and drop down menus defined using the above procedure, inside

Multi-level Drop Down Menus 10 Basic Multilevel Menu Options. Here are a few of the basic drop down menus available from around the web. Dont let the basic design examples fool you, you can easily

Horizontal CSS Menu Tutorial ~ Example Page 7 CSS Drop Down Menu Tutorial Code tanfa Demo example. tanfa Tutorial. Stage 1; Stage 2; Stage 3; Stage 4; Stage 5; Stage 6

Mega Menus: the Next Web Design Trend (example from actionenvelope.com) The features of a mega drop-down menu. Typically, a mega menu: is a single drop-down that appears on hover; shows all the options in one large