Submit button “inspired” to Macromedia Buttons

June 13, 2006 • Css by Emanuele Feronato • 5 Comments

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: 1 Star2 Stars3 Stars4 Stars5 Stars (5 votes, average: 5.00 out of 5)
Loading ... Loading ...
Template Monster offers you a great assortment of CSS Templates.
They can be a great start to launch a website of your own and meet the individual needs of your project.
Be my fan on Facebook and follow me on Twitter! Exclusive content for my Facebook fans and Twitter followers

This post has 5 comments

  1. Lasse

    on 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.

  2. Lasse

    on September 20, 2007 at 7:01 pm

    oh, i forgot the button:

  3. Lasse

    on September 20, 2007 at 7:02 pm

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

  4. Thomas

    on 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!

  5. shan

    on July 6, 2008 at 5:57 am

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

< >