Web Buttons Maker, Build Animated Web Buttons

Create web buttons in minutes

Create unique web buttons with Sothink Flash Menu. These buttons can be used for navigation bars as well as buttons throughout a website. In this tutorial I will show you how to create a unique web button. Remember that the colors that are provided in this tutorial are just for this example, you can try a lot of different colors/gradients etc and get some very unique styles.

Sample web button of this tutorial:

Web buttons sample


Preparation: Design considerations for web buttons

1. Rollover state. The rollover state of a button is the new appearance it adopts when the mouse moves over it. Typical rollover state features include: colour change of text and background, underline. The rollover state is the simplest and most basic feature for any menu, and yet, strangely, for some technologies it is very difficult to achieve, javascript menus (also known as DHTML menus) require tortured code for this, because for years almost every browser version needed different code for this. Buy a DHTML menu, and it may not even do the rollover state properly in all browsers. For true java, on the other hand, there are no such problems. True java web buttons really will give you reliable rollover states.

2. Image buttons. The next key feature to think about when choosing a web button is images. Does your chosen menu have the ability to read in images (GIF's, JPG's) which you have designed yourself, and turn these into attractive buttons? Many web developers have difficulty with images, so you may need to see if the product of your choice comes with a good set of images for you to choose from. But if your skills include graphic design, look carefully at the options for using your own images.

3. Animated effects. Very cool animated effects can be obtained. A good button menu can apply dramatic image processing effects to your own images. Remember that image processing is memory intensive, so don't make animated buttons too large, especially if you are running other memory intensive media plug-ins on your page.

4. Press-in effect. You can obtain menus which have more states than just a rollover state. Do you want your buttons to "press-in" when clicked? Or do you want them to have an "active" state showing that the hyperlink in question is the current choice and current page?

5. Multiple buttons. The old FrontPage hover buttons encouraged designers to have one applet for each button! This is inefficient. Look for menus which will handle all your button needs in a single applet - arranging them in a column or bar as required.

6. Remote rollover effects. Have you seen menu items which, when you place the mouse over them, cause changes elsewhere on the page, such as instantly exchanging one image for another? Advanced web buttons may have the capacity to trigger changes elsewhere on the page when rolled over. If you want this feature, look for java buttons which support user-definable onMouseEnter and onMouseExit events.


Suggested Web Buttons Builder: Sothink Flash Menu

Download suggested web buttons builder >> (30-day free trial)


Step 1: New a project for creating web buttons

Launch the web buttons builder, and then you will see the following Startup window. Choose "New horizontal menu".

web buttons startup


Step 2: Customize web buttons as you like

You can customize properties for the web buttons from the Tasks panel:

web buttons properties

  • Add Text

Choose "General" from the Tasks panel to add text.

add text for web buttons


Now the web button is as follows:

web buttons effect


  • Edit Font

Choose "Font" from the Tasks panel to edit font for the entered text.

edit font for web buttons


  • Set Background Color

Choose "Background" from the Tasks panel to set background color.

set background color for web buttons


  • Add Icon

Choose "Icon" from the Tasks panel to add appropriate icon for the web button.

add icon for web buttons


Now the web button is as follows:

final web buttons


Step 3: Add link for the web buttons

Choose "General" from the Tasks panel, and then enter the link URL in the "Link" field.

add link for web buttons


Step 4: Publish the web buttons

Now you can click the "Publish" button from the toolbar and follow wizard to publish the created web button.


  • Sothink Flash Menu - Flash Menu, Flash Drop Down Menu Builder
  • Web Buttons Builder

  • An ultimate web buttons builder creates stylish & stunning cross-browser Flash web buttons in clicks. 46 built-in templates, 50 amazing special effects, 35 preset styles and image library of 4 categories, make SE friendly navigation bar without Flash and ActionScript skills. Fully customize web menu style; show Flash menu above web elements. WYSWYG Flash menu builder enables you to preview created web buttons instantly.

  • Download Flash Menu Builder Order Flash Menu Builder
Sothink Flash Menu - Flash Drop Down Menu, Flash Menu Builder


Clean for DHTML Menu 100% Clean - No need to worry about installing unwanted spyware or adware. Uninstallation is completely supported.
Support for DHTML Menu Life-time Free Support - Send an email to our customer service team at support@sothink.com whenever you need help.
Guarantee for drop down menu Risk Free Guarantee - Shop safely in our secure online store. Your data and personal information are protected.