Contents
Home Page Buy Now

Creating theme tutorial

  1. About XP Web Buttons
  2. Quick-start tutorial
    1. Creating menu buttons
    2. Adjusting menu appearance
    3. Setting menu buttons links
    4. Saving menu
  3. User guide
    1. Main window
      1. Main menu
      2. Toolbar
      3. Work area
    2. Toolboxes
      1. Themes toolbox
      2. Properties toolbox
        1. Common properties
        2. Normal / Hot state properties
    3. Theme editor
  4. Creating theme tutorial
    1. Button states image
    2. Creating new theme
    3. Adding button to the theme
    4. Setting state images
    5. Adjusting edges width
  5. Button samples
  

Adjusting Animated Buttons Edges Width



  1. Press "Edit Props" button to edit button edges width. By default, when you add new button, its edges widths are set to 3. But if you will change preview button size to 100x50 or bigger, you will see that some image elements look "fuzzy" (left image on the picture below). It happened because the animated buttons border is not within the edge area.

  2. Set both horizontal and vertical edges width to 10. You can see that the result looks much more precise now. Border is not resized because it is within the edge area now (right image on the picture above).

  3. Click "Save theme" button to save theme changes. Click "Close" button.


Home Page Buy Now

< Prev | Contents | Next >
Top | Purchase
Button Image State | Create Web Button Theme | Adding Web Site Buttons to the Theme
Setting Web Navigation Buttons State | Adjusting Animated Buttons Edges Width
Copyright (c) 2003-2007, XP Web Buttons