WEB BUTTONS HOW TO'S

   QUICK HELP

   CSS FLYOUT 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

Stu Nicholls | CSSplay | Cross browser flyout menu examples CSS - Cutting edge Cascading Style Sheets. Experiments in CSS

CSS Menus | Flyout Menus CSS Menus your first stop for CSS only menus

Free CSS Menus and Techniques CSS only flyout menus; CSS only flyout/dropdown menu works in IE6, Firefox, Opera, Netscape 8 and hopefully a few Mac browsers as well. CSS only flyout menu with

CSS style dropdown/flyout menus for sub-categories CSS style dropdown/flyout menus for sub-categories? Sidebars & Widgets

Stu Nicholls | CSSplay | Cross browser flyout menu examples CSS - Cutting edge Cascading Style Sheets. Experiments in CSS

A demonstration of Pure CSS Flyouts in action Update (April 6, 2005): This method has been demoed as a combo dropdown and flyout "flat" menu. Go to the Deluxe CSS Dropdowns and Flyouts page, to get a load of what CSS

CSS Tutorials: CSS Lists, CSS Navigation Bar, CSS Menus CSS navigation menus tutorials - How to create CSS dropdown menus, flyout menus, CSS lists, CSS navigation bars, standards-based CSS, and more at CSS Resources

Css Menu Generator Generate CSS Flyout Menu Nav in Minutes for Free! PureCSSMenu.com is a FREE on-line service that creates pure css drop down menus with minimum efforts!

CSS Flyout menu - Dynamic Drive Forums General Coding > CSS CSS Flyout menu CSS http://danspeziale.com/fox/cssmenu5.html I'm using a menu based on CSS Play's Flyout Menu (http://www.cssplay.co.uk

Stu Nicholls | CSSplay | A CSS flyout menu that works in IE CSS - Cutting edge Cascading Style Sheets. Experiments in CSS

Flyout Menus Javascript Template Flyout Menus Javascript En Css de los men�s. Help your website visitor find the information with ease with Deluxe JavaScript Menus!

Simple Flyout Menu Using CSS A Simple Flyout Menu using CSS for beginners. Covers all modern browsers, easy to modify and enhance without active scripting.

Css Horizontal Flyout Menu. Web Menu Templates Css Horizontal Flyout Menu. Build an effective web site navigation with Javascript Menu Builder! XP Buttons Templates

Css Flyout Menus Downloads - Pure CSS Menu for FrontPage and Download css flyout menus shareware, freeware. Css Dreamweaver Drop Down Extension Menu

Css Vertical Flyout Menu. Web Menu How To Css Vertical Flyout Menu. Make your web site clean and accessible with Javascript Menu Builder! How To Modify Main Menu Xp

Revised CSS Flyout Menus � Kempwire.com Last month, I posted about a method to generate vertical multi-level suckerfish css dropdowns by revising the code from HTML Dogs Son of Suckerfish.

CSS Flyout Vertical Menu Your website's pages are precious real estate, and saving space is never a bad idea. Do away with the need to clutter your navigation. The CSS Flyout Vertical Menu will

A demonstration of Pure CSS Flyouts in action Update (April 6, 2005): This method has been demoed as a combo dropdown and flyout "flat" menu. Go to the Deluxe CSS Dropdowns and Flyouts page, to get a load of what CSS

Stu Nicholls | CSSplay | A CSS flyout menu that works in IE CSS - Cutting edge Cascading Style Sheets. Experiments in CSS

Revised CSS Flyout Menus � Kempwire.com Last month, I posted about a method to generate vertical multi-level suckerfish css dropdowns by revising the code from HTML Dogs Son of Suckerfish.

Using Flyout Menus Flyout Quick Links; FAQs; Flyout Debugger; Basic Instructions; Customizing; Menu Tester; Annotated Source; Complex Positioning; CSS Positioning; Predefined Menus

A CSS flyout menu that works in Firefox AND IE | Randa Clay I thought it would be easy to find. All I needed was some CSS that would generate a nice vertical flyout menu for a site I'm developing. Turns out that's not

Simple Flyout Menu Using CSS A Simple Flyout Menu using CSS for beginners. Covers all modern browsers, easy to modify and enhance without active scripting.

DHTML: CSS Flyout Rollver Menu..possible?, flyout menu, css flyout menu, css rollover, cssplay: I think this will suit you very well. Pure CSS using no JavaScript at all. http://www.cssplay.co.uk/menus/flyout_4level.html

CSS Flyout CSS Popup Menus for your e-commerce store. Enhance the navigation facilities of your e-commerce store with CSS flyout menu. CSS Dynamic menus are search engine friendly

CSS Tutorial: CSS Lists as Hierarchical Navigation CSS Flyout Menu. Let's now take a look at creating a flyout menu, which is very similar to creating a dropdown menu. The code sample below shows the vertical menu we saw

CSS style dropdown/flyout menus for sub-categories CSS style dropdown/flyout menus for sub-categories? Sidebars & Widgets

CSS Flyout CSS Popup Menus for your e-commerce store. Enhance the navigation facilities of your e-commerce store with CSS flyout menu. CSS Dynamic menus are search engine friendly

CSS style dropdown/flyout menus for sub-categories CSS style dropdown/flyout menus for sub-categories? Sidebars & Widgets

CSS Horizontal Flyout Menu A Webmaster Learning Community for Beginners and Intermediates. FrontPage, Expression, Dreamweaver, Photoshop, Search Marketing, and more supported in a newbie-friendly