How to make a button like this?

Discussion in 'HTML & Website Design' started by Mr.Dog, Nov 30, 2012.

0
  1. #1
    Hello,

    How'd it be possible to create a button like the blue button on this Groupon site:
    http://www.groupon.com/nearby/subscriptions/new_zip?division_p=st-johns

    I first tried creating things like this, but then IE didn't see the rounded edges, so I just picked a simpler design.

    But for a new site I'd really like to know how these are made...

    Thanks for the info in advance... ;)
     
    Solved! View solution.
    Mr.Dog, Nov 30, 2012 IP
  2. #2
    You can try this website to create a button similar to that pretty easily.
    http://www.cssbuttongenerator.com/

    (That is not my website, I just googled "button generator")
     
    Last edited: Nov 30, 2012
    Wulkanen, Nov 30, 2012 IP
  3. transitnetwork

    transitnetwork Peon

    Messages:
    43
    Likes Received:
    1
    Best Answers:
    0
    Trophy Points:
    0
    #3
    That's my site, thanks for the shoutout :)
     
    transitnetwork, Dec 2, 2012 IP
  4. bowodesign

    bowodesign Member

    Messages:
    55
    Likes Received:
    0
    Best Answers:
    0
    Trophy Points:
    41
    #4
    or you can just check the source code (inspect element with firebug or default inspect element from firefox)
     
    bowodesign, Dec 4, 2012 IP
  5. Wulkanen

    Wulkanen Well-Known Member

    Messages:
    2,429
    Likes Received:
    47
    Best Answers:
    3
    Trophy Points:
    175
    #5
    I was going to suggest that at first, but their css file looks all messed up to me so there's no way in hell that I could find the right code for the button. ^^
     
    Wulkanen, Dec 4, 2012 IP
  6. N Solanki

    N Solanki Member

    Messages:
    153
    Likes Received:
    1
    Best Answers:
    0
    Trophy Points:
    28
    #6
    For which button you're talking about in your site.
     
    N Solanki, Dec 5, 2012 IP
  7. agadirweb

    agadirweb Peon

    Messages:
    24
    Likes Received:
    0
    Best Answers:
    0
    Trophy Points:
    0
    #7
    Thanks for the link.:cool:
     
    agadirweb, Dec 7, 2012 IP
  8. unaisc

    unaisc Peon

    Messages:
    5
    Likes Received:
    0
    Best Answers:
    0
    Trophy Points:
    0
    #8
    there is some nice tutorials are there in YouTube i hope that will help you :)
     
    unaisc, Dec 8, 2012 IP
  9. wenren

    wenren Peon

    Messages:
    165
    Likes Received:
    0
    Best Answers:
    0
    Trophy Points:
    0
    #9
    I was also trying to do something like this. But i could not do it then.
     
    wenren, Dec 8, 2012 IP
  10. boo0

    boo0 Greenhorn

    Messages:
    12
    Likes Received:
    0
    Best Answers:
    0
    Trophy Points:
    21
    #10
    cssbuttongenerator.com
     
    boo0, Dec 9, 2012 IP
  11. trashtotreasure

    trashtotreasure Peon

    Messages:
    8
    Likes Received:
    0
    Best Answers:
    0
    Trophy Points:
    1
    #11
    That is an awesome site. I am totally going to use that! :) Thanks transitnetwork!
     
    trashtotreasure, Dec 10, 2012 IP
  12. Akuta

    Akuta Greenhorn

    Messages:
    26
    Likes Received:
    0
    Best Answers:
    0
    Trophy Points:
    11
    #12
    There are literally a 100k websites that generate this exact thing and more. Almost don't have to make anything from scratch anymore.
     
    Akuta, Dec 11, 2012 IP
  13. andrewhoward123

    andrewhoward123 Active Member

    Messages:
    149
    Likes Received:
    1
    Best Answers:
    0
    Trophy Points:
    50
    #13
    You can make button same as in CSS..
     
    andrewhoward123, Dec 12, 2012 IP