WEB BUTTONS HOW TO'S

   QUICK HELP

   SLIDER THUMBNAIL MENU TUTORIAL JAVASCRIPT

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

JavaScript Web Scroller, image scroller and news scroller on web Sothink JavaScript Web Scroller is an image slideshow Javascript Menus/Templates; Sothink DHTML Menu; Sothink Tree Menu Drag and drop thumbnails in the List panel to adjust

Ultimate JavaScript Slider and Scroller - Web Development Blog I have tried implementing this (brilliant) slider/scroller however I cant JavaScript js menu navigation Performance PHP popup script scroller shorthand slide slider slideshow

Advanced Slider Menu Tutorial details: Written by: Flashjunkie Difficulty Level: Here is a sliding menu system that works via 1 Response to "Advanced Slider Menu"

Horizontal JavaScript Accordion Horizontal JavaScript Accordion This versatile 1kb allow you to easily create a beautiful accordion menu Our post today illustrates various zbrush tutorials on the

Javascript Image Gallery Using Mootools (Part 2) Monday, May 12th, 2008 at 3:02 pm and is filed under Javascript Tutorial. is there any way you can have a full sheet of thumbnails instead of the slider?

Photo Slider Tutorial Photo Slider Tutorial. See an Example. want these images to be thumbnails that also have a larger view available. In this tutorial I div> <script type="text/javascript

JavaScript drop down menu using Mootools 1.2 MooTools tutorial on how to develop a very simple yet powerful single level drop down menu. CSS and JavaScript provided thumbnail zoom image image slider; SlideItMoo

30 Javascript/Ajax Techniques for Sliders, Scrollers and 13 Awesome Javascript CSS Menus Simple to use JavaScript slide show that scrolls thumbnails as smooth as Flash. Tutorial Accessible News Slider is a JavaScript

Part 3: Making A Dynamic Wordpress jQuery Featured Post Slider posts slider using jQuery, that works without JavaScript. In this tutorial, I post slider that works without JavaScript. It works as both a tab menu and thumbnails with

Ultimate JavaScript Slider and Scroller - Web Development Blog I have tried implementing this (brilliant) slider/scroller however I cant JavaScript js menu navigation Performance PHP popup script scroller shorthand slide slider slideshow

Slider Using PHP, Ajax And Javascript slider using php ajax and javascript, this slider is made using javascript and after that Thanks for the tutorial. Is there any way to make the number update in

Slider Using PHP, Ajax And Javascript slider using php ajax and javascript, this slider is made using javascript and after that Thanks for the tutorial. Is there any way to make the number update in

JavaScript � jQuery : Plugins, Tutorials Browse: JavaScript � jQuery. Plugins, Tutorials turn its children into the items of a stack menu. included in the web page: jQuery file, Coin Slider JavaScript

30 Best jQuery Photo Plugins - Sliders, Slideshow, Galleries 30 Best jQuery Photo Plugins - Sliders, Slideshow Galleria is a javascript image gallery written in jQuery. one by one from an unordered list and displays thumbnails

Build a Content Slider with jQuery | Brenelz Web Design Solutions Another Content Slider? Really? There are a ton of tutorials already out If you read the menu in as an array 7 Excellent JavaScript Content Sliders Says: July 6th, 2009

30 Javascript/Ajax Techniques for Sliders, Scrollers and 13 Awesome Javascript CSS Menus Simple to use JavaScript slide show that scrolls thumbnails as smooth as Flash. Tutorial Accessible News Slider is a JavaScript

Step By Step To Create Content Slider using jFlow, A Minimalist This is a step-by-step tutorial on how to create your own content-slider using wrapper { padding: 5px; } .slide-thumbnail Then add this simple JavaScript code to

3 Step JavaScript Photo Slider Tutorial [Sep 9, 2007] Simple to use JavaScript slide show that scrolls thumbnails as smooth as Flash. Tutorial shows how to install and configure the code. The included example uses less than ~ by jjanzer ( 3 comments )

3 Step JavaScript Photo Slider Tutorial [Sep 9, 2007] Simple to use JavaScript slide show that scrolls thumbnails as smooth as Flash. Tutorial shows how to install and configure the code. The included example uses less than ~ by jjanzer ( 3 comments )

Javascript and CSS Tutorial - How to make Sliding Panels | Switch Javascript and CSS Tutorial - How to make Sliding Panels holds the id of the interval that will be animating the slider. I'll

JavaScript � jQuery : Plugins, Tutorials Browse: JavaScript � jQuery. Plugins, Tutorials turn its children into the items of a stack menu. included in the web page: jQuery file, Coin Slider JavaScript

JavaScript Kit- Images and music scripts Click here for comprehensive JavaScript tutorials, and over 400+ free scripts! image slideshow that can be viewed in three ways- via a drop down menu

A Simple and Beautiful jQuery Accordion Tutorial jQuery Thumbnail with Zooming Image and Fading jQuery Horizontal Tooltips Menu Tutorials - A horizontal 8 Extremely Beautiful Flash and Javascript Image Sliders - There

Content Sliders: Powered by jQuery, MooTools, Flash 10 Excellent Free JavaScript Content/Image Sliders Auto-Playing Featured Content Slider is a tutorial Horizontal Skin, Minimal Skin, Thumbnail Slider

Moving Boxes Content Slider with jQuery jQuery Content Slider - tutorial (source files included links can be anything (text hyperlink, thumbnail Free Accordion Flash Menu; Photoshop Tutorial: Stamp image effect

30 Best jQuery Photo Plugins - Sliders, Slideshow, Galleries 30 Best jQuery Photo Plugins - Sliders, Slideshow Galleria is a javascript image gallery written in jQuery. one by one from an unordered list and displays thumbnails

Content Sliders: Powered by jQuery, MooTools, Flash 10 Excellent Free JavaScript Content/Image Sliders Auto-Playing Featured Content Slider is a tutorial Horizontal Skin, Minimal Skin, Thumbnail Slider

Advanced Slider Menu Tutorial details: Written by: Flashjunkie Difficulty Level: Here is a sliding menu system that works via 1 Response to "Advanced Slider Menu"

3 Step JavaScript Photo Slider Tutorial [Sep 9, 2007] Simple to use JavaScript slide show that scrolls thumbnails as smooth as Flash. Tutorial shows how to install and configure the code. The included example uses less than ~ by jjanzer ( 3 comments )

15 Attractive Javascript Carousel Plugins I need auto scroll slider with zoom out effect 30 Javascript Menu Plugins and Scripts - Website Menu is Tutorial with jQuery - This is my fouth tutorial about thumbnail