JAVASCRIPT DROP MENU HOW TO'S

   QUICK HELP

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

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

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

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�

Pure CSS Vertical Menu | Devin R. Olsen Web Developer But , when I checked it in Mac Firefox I see only the first submenu item. joney, you can download a copy of the cssHoverFix.htc at my \CSS IE Hover Fix\ tutorial

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

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

Horizontal menu with Horizontal submenu My goal is to make a Horizontal submenu like these sites: www.forbes.com www.aplus.net www.davacosourcing.com However, I'd like it to be ALL CSS, no images and

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

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

Menu Con Submenu Css : Free Online Pure CSS List Nav Bar Builder. Flyout Menu Css Horizontal With Images For more information watch a tutorial video on how you can create CSS dropdown menus online using Pure CSS Menu. Menu Con Submenu Css

Horizontal menu with Horizontal submenu My goal is to make a Horizontal submenu like these sites: www.forbes.com www.aplus.net www.davacosourcing.com However, I'd like it to be ALL CSS, no images and

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

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

Horizontal Sub-nav with CSS & jQuery - Subnavigation Tutorial the tabbing function found in this tutorial: http://www.sohtanaka.com/web-design/simple-tabs-w-css-jquery/ [/quote] The problem I have is that when I click on a submenu

CSS Horizontal Menu Tutorial | Devin R. Olsen Web Developer This is preparing our submenu to be positioned relatively absolute to our main complete tutorial on the vertical navigation menu. Have a look under CSS tutorials up top

Menu Con Submenu Css : Free Online Pure CSS List Nav Bar Builder. Flyout Menu Css Horizontal With Images For more information watch a tutorial video on how you can create CSS dropdown menus online using Pure CSS Menu. Menu Con Submenu Css

CSS Navigation Menus - CSS Tutorials This tutorial will teach you how to create different menu styles for a main The following CSS is for the submenu: /* Set margin to 0 and add 20 pixels of padding to the

Tutorial: Contextual Submenus | Thesis Theme Tools Tutorial: Image Button Bar Menu /Submenu; Tutorial: Multilevel Menu with CSS and JavaScript The contextual submenu described in this tutorial can handle both blog and static

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

Vertical CSS Menu With a Behavior File. � DivitoDesign This time we will build a vertical CSS menu with rollover submenus. This menu will be written In this tutorial I will show you how to create a nice and professional web

HTML Basics Tutorial : HTML CSS vertical list menu and submenu HTML and CSS list menu. Optimized and validated.

Horizontal Sub-nav with CSS & jQuery - Subnavigation Tutorial the tabbing function found in this tutorial: http://www.sohtanaka.com/web-design/simple-tabs-w-css-jquery/ [/quote] The problem I have is that when I click on a submenu

Tutorial:Customising the JA Purity template Please view : http://docs.joomla.org/Tutorial:Customising_the_JA_Purity An error in sub-sub menu items breaks my CSS highlighted submenu items system!

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�

Horizontal menu with Horizontal submenu My goal is to make a Horizontal submenu like these sites: www.forbes.com www.aplus.net www.davacosourcing.com However, I'd like it to be ALL CSS, no images and

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

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

Horizontal Sub-nav with CSS & jQuery - Subnavigation Tutorial the tabbing function found in this tutorial: http://www.sohtanaka.com/web-design/simple-tabs-w-css-jquery/ [/quote] The problem I have is that when I click on a submenu

How To Create Mouse Over Drop Down List Css Bar Navigation Submenu Template Tabs Style 1 - Buttons gifs Tabs Style 4 - Icons Buttons Microsoft Word Tutorial Part 11 | How to create tables Move your mouse over the

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

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

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,

CSS Navigation Menus - CSS Tutorials This tutorial will teach you how to create different menu styles for a main The following CSS is for the submenu: /* Set margin to 0 and add 20 pixels of padding to the

Spry horizontal menu - side-by-side layout | CSS Creator I tried adding the "display: inline;" language to the CSS, but it didn't work for me. (The submenu was Found a different tutorial that allowed better control and so I

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

How To Create Mouse Over Drop Down List Css Bar Navigation Submenu Template Tabs Style 1 - Buttons gifs Tabs Style 4 - Icons Buttons Microsoft Word Tutorial Part 11 | How to create tables Move your mouse over the