Buttons^βeta

Small CSS framework for creating nice buttons

Creating buttons with this CSS framework is simple. Just link the buttons.css file in your header section of your site like this:

<link rel="stylesheet" href="/path/to/buttons.css" type="text/css" media="all" />

To create a button, just apply the .button class to an "a" element. This makes a default medium size blue button.

Buttons are available in four sizes: Tiny Small Medium Large

You can add color and size options as css classes to customize your brand new button! See the matrix below:

CSS matrix	.tiny	.small	.medium	.large
.grey	Push me!	Push me!	Push me!	Push me!
.black	Push me!	Push me!	Push me!	Push me!
.purple	Push me!	Push me!	Push me!	Push me!
.blue	Push me!	Push me!	Push me!	Push me!
.green	Push me!	Push me!	Push me!	Push me!
.orange	Push me!	Push me!	Push me!	Push me!
.red	Push me!	Push me!	Push me!	Push me!
.pink	Push me!	Push me!	Push me!	Push me!

Example

To create a nice medium sized purple button like this you just write this code:

<a href="http://example.com" class="medium purple button" />

So easy.

Download

Download the .css file and start playing! It is free!

Got an idea how to improve Buttons? Have color suggestions? Drop me a line here: buundy@gmail.com

Thanks

macrabbit.com - for creating the awesome application Espresso and for the inspirational Download button on their site ;)

apple.com - for giving super usable computers to mankind

---