Wednesday, September 22, 2010

Make buttons sexier in your site

Sexy Buttons is a very good framework for creating some awesome buttons. These buttons can surely grab attention.


The data points/features these buttons offer  are as follows:

  • The underlying HTML can use either <button> or <a> elements.
  • They are dynamic and shrink/expand to fit their text labels.
  • There are four states: normal, hover/focus, active, and disabled.
  • The labels can include icons. Use one of the 1000+ included Silk icons or use your own. Icons are specified via HTML class attribute.
  • They use the sliding doors CSS technique for increased performance.
  • They support different skins by simply changing an HTML class attribute.
  • A layered Photoshop template is provided to assist in creating new skins.
  • Easy to implement.
  • No Javascript required.
Usage
  1. Download sexy button from here and upload it to your server.
  2. Add link to the style sheet  SexyButtons/sexybuttons.css” type=”text/css” />
  3. Now just admire the buttons.

    No comments:

    Post a Comment