Forums

  • # April 4, 2012 at 8:58 pm

    I’ll give it a shot if I can find the time Karl.

    # April 5, 2012 at 9:51 am

    @hompimpa I made this a while ago (view in Chrome): http://jsfiddle.net/joshnh/a8NLe/show/

    # April 5, 2012 at 1:38 pm

    I just want to say you guys are awesome for making this thread happen.

    # April 6, 2012 at 12:13 am

    @hompimpa I think you have a future in UI Design

    # April 6, 2012 at 12:36 pm

    @hompimpa Awesome! Chocolate UI nice nice. How could this work also in IE?

    # April 7, 2012 at 5:44 am

    Love this thread. I know I’m arriving late! Here’s my modest contribution – view in the light background http://jsfiddle.net/cwebbdesign/ZcuXJ/8/
    That lego is a great use of :before and the sexy button has such a nice hover!

    Anonymous
    # April 13, 2012 at 5:57 pm

    http://jsfiddle.net/ZcuXJ/9/

    Added one of my own buttons to the mix. Hope you like! :)

    # February 9, 2014 at 8:04 am

    Click events are handled by js so that’s another subject.

    As for the color, no just changing the bg colorwont do anything because the gradient is overriding the bg color.

    Oh…and way to revive a thread that’s been dormant for 2 years. Still perhaps someone as some new ideas.

    dyr
    # February 9, 2014 at 9:30 am

    Start with outline: 0; and add styles as you please.

    input { 
      border: 1px solid #999;
      border-radius: 3px;
      font-size: 
      outline: 0;
      /* padding: 0.5em 0.7em;  */ <- EMs depends on font-size
      /* font-size: 1em */ <- maybe set this elsewhere
    }
    

    Make some :focus style.

    input:focus {
      box-shadow: inset 0 0 3px blue;
    }
    

    Make validation classes to be used by your JavaScript or PHP or whatever.

    input.valid {
      border-color: green;
    }
    
    input.invalid {
      border-color: red;
    }
    
    dyr
    # February 9, 2014 at 11:39 am

    aishamcan stop the spam posts. I’m reporting all of your replies.

    # February 16, 2014 at 3:17 pm

    This thread is awesome! My favorite is Blue Minimal! Thanks @Odd_E

    Now I just need to figure out how to make a transition with gradients.

Viewing 11 posts - 16 through 26 (of 26 total)

You must be logged in to reply to this topic.

icon-anchoricon-closeicon-emailicon-linkicon-logo-staricon-menuicon-nav-guideicon-searchicon-staricon-tag