Forums

The forums ran from 2008-2020 and are now closed and viewable here as an archive.

Home Forums Other Nice Look Button trick

  • This topic is empty.
Viewing 7 posts - 1 through 7 (of 7 total)
  • Author
    Posts
  • #171749
    raju9023
    Participant

    hello,
    i am beginner to web designing and was attracted by this website have Awesome BUTTON such as SUBMIT , POST NEW THREAD, SIGN UP etc.,

        i would like to know how to make these buttons, can anyone tell me the code used to make this awesome real buttons..
    

    Thanks in advance…. Hope to listen soon

    #171751
    Atelierbram
    Participant

    Modern browsers nowadays have these in-build developer tools. Depending on which browser you use, try to look it up. For example there is Chrome’s DevTools, Firefox has in-build developer tools, but also a add-on named ‘Firebug’. What you do then is ‘inspect element’, and see the CSS and HTML markup.

    #171851
    nixnerd
    Participant

    Can you post a link to the button?

    #171935
    raju9023
    Participant

    i am looking to know how this button is made so real clickable button , like in ” Submit” in this discussion block.

    #171938
    nixnerd
    Participant
    #171939
    Paulie_D
    Member
    .button, #rcp_submit {
    display: inline-block;
    outline: 0;
    color: white;
    background: #4472b9;
    white-space: nowrap;
    border: 5px solid #4472b9 !important;
    font-family: 'Gotham Rounded A', 'Gotham Rounded B', sans-serif;
    font-weight: 500;
    font-style: normal;
    padding: 9px 16px !important;
    line-height: 1.4;
    position: relative;
    border-radius: 10px;
    -webkit-box-shadow: 5px 5px 0 0 rgba(0,0,0,0.15);
    box-shadow: 5px 5px 0 0 rgba(0,0,0,0.15);
    -webkit-transition: 0.1s;
    transition: 0.1s;
    }
    
    #172078
    raju9023
    Participant

    thank you so much,,,,,

Viewing 7 posts - 1 through 7 (of 7 total)
  • The forum ‘Other’ is closed to new topics and replies.