Note that there are some explanatory texts on larger screens.

plurals
  1. PO
    primarykey
    data
    text
    <p>there are several states associated with buttons and all widgets:</p> <p>The following are the relevant classes and their relation to the button widget:</p> <ul> <li><code>ui-state-default</code> <ul> <li>The button properties as it appears on the page</li> </ul></li> <li><code>ui-state-active</code> <ul> <li>The button properties as it is being clicked</li> </ul></li> <li><code>ui-state-hover</code> <ul> <li>The button properties as it is hovered</li> </ul></li> </ul> <p>In the theme's css sheet there are each of these settings within the button settings that generally have a color or image set from the themeroller.</p> <p>You could override the default properties to use your own images if you wanted either through another stylesheet or rewrite the one from themeroller.</p> <p>You can also easily set the themeroller settings to give you a 3D look by setting the colors and opacities. If you need this only for buttons and not for your entire page, use the CSS scope feature.</p> <p><a href="http://jqueryui.com/themeroller/" rel="nofollow">Themeroller is here</a></p> <p><a href="http://jqueryui.com/themeroller/#ffDefault=Verdana%2CArial%2Csans-serif&amp;fwDefault=normal&amp;fsDefault=1.1em&amp;cornerRadius=100px&amp;bgColorHeader=cccccc&amp;bgTextureHeader=03_highlight_soft.png&amp;bgImgOpacityHeader=75&amp;borderColorHeader=aaaaaa&amp;fcHeader=222222&amp;iconColorHeader=222222&amp;bgColorContent=ffffff&amp;bgTextureContent=01_flat.png&amp;bgImgOpacityContent=75&amp;borderColorContent=aaaaaa&amp;fcContent=222222&amp;iconColorContent=222222&amp;bgColorDefault=ebebeb&amp;bgTextureDefault=04_highlight_hard.png&amp;bgImgOpacityDefault=100&amp;borderColorDefault=999999&amp;fcDefault=555555&amp;iconColorDefault=888888&amp;bgColorHover=ebebeb&amp;bgTextureHover=04_highlight_hard.png&amp;bgImgOpacityHover=100&amp;borderColorHover=999999&amp;fcHover=212121&amp;iconColorHover=454545&amp;bgColorActive=c2c2c2&amp;bgTextureActive=06_inset_hard.png&amp;bgImgOpacityActive=80&amp;borderColorActive=999999&amp;fcActive=212121&amp;iconColorActive=454545&amp;bgColorHighlight=fbf9ee&amp;bgTextureHighlight=02_glass.png&amp;bgImgOpacityHighlight=55&amp;borderColorHighlight=fcefa1&amp;fcHighlight=363636&amp;iconColorHighlight=2e83ff&amp;bgColorError=fef1ec&amp;bgTextureError=02_glass.png&amp;bgImgOpacityError=95&amp;borderColorError=cd0a0a&amp;fcError=cd0a0a&amp;iconColorError=cd0a0a&amp;bgColorOverlay=aaaaaa&amp;bgTextureOverlay=01_flat.png&amp;bgImgOpacityOverlay=0&amp;opacityOverlay=30&amp;bgColorShadow=aaaaaa&amp;bgTextureShadow=01_flat.png&amp;bgImgOpacityShadow=0&amp;opacityShadow=30&amp;thicknessShadow=8px&amp;offsetTopShadow=-8px&amp;offsetLeftShadow=-8px&amp;cornerRadiusShadow=8px" rel="nofollow">Themeroller example with similar button to your example</a></p>
    singulars
    1. This table or related slice is empty.
    plurals
    1. This table or related slice is empty.
    1. This table or related slice is empty.
    1. This table or related slice is empty.
    1. This table or related slice is empty.
    1. This table or related slice is empty.
 

Querying!

 
Guidance

SQuiL has stopped working due to an internal error.

If you are curious you may find further information in the browser console, which is accessible through the devtools (F12).

Reload