Submit button “inspired” to Macromedia Buttons

I like very much Macromedia buttons, and I wanted to have it one like these in my forms.

That’s all… here it is

the style is

1

<input style="width: 120px; border: 3px double #999999; border-top-color: #CCCCCC; border-left-color: #CCCCCC; padding: 4px; background-color: #EEEEEE; background-repeat: repeat-x; color: #333333; font-size: 11px; font-weight: bold; font-family: Verdana, Helvetica, Arial, sans-serif;" type="submit" value="Push me" />

Bye.

Rate this post: (4 votes, average: 5.00 out of 5)

 Loading ...

If you found this post useful, please consider a small donation.

5 Responses

1. Lasse says:

   September 20, 2007 at 6:59 pm

   if you add som more styles, it looks cooler.
   Here is my suggestion:

   .button {
   width: 120px;
   border: 3px double #999999;
   border-top-color: #CCCCCC;
   border-left-color: #CCCCCC;
   padding: 4px;
   background-color: #EEEEEE;
   color: #333333;
   font-size: 11px;
   font-weight: bold;
   font-family: Verdana, Helvetica, Arial, sans-serif;
   }
   .button:active {
   border-top-color: #999999;
   border-left-color: #999999;
   border-bottom-color: #CCCCCC;
   border-right-color: #CCCCCC;
   }

   When you click the button, it kind of goes down.

   Reply
2. Lasse says:

   September 20, 2007 at 7:01 pm

   oh, i forgot the button:

   Reply
3. Lasse says:

   September 20, 2007 at 7:02 pm

   what det fuck ..
   the button code won’t be submitted ;s

   Reply
4. Thomas says:

   September 23, 2007 at 5:39 am

   Cool CSS! I’ll test it on my blog, see how it looks against my extremely busy interface!

   Reply
5. shan says:

   July 6, 2008 at 5:57 am

   nice, and Lasse’s addition is cool as well.
   thanks

   Reply