1. Advertising
    y u no do it?

    Advertising (learn more)

    Advertise virtually anything here, with CPM banner ads, CPM email ads and CPC contextual links. You can target relevant areas of the site and show ads based on geographical location of the user if you wish.

    Starts at just $1 per CPM or $0.10 per CPC.

How to make a button like this?

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

  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