Buttons on a href link RSS

• • Reply
  

  DMT20601

  Member

  86 Points

  197 Posts

  Buttons on a href link

  Jan 10, 2013 12:01 PM|LINK

  I'm working with Webmarix using the Starter Site.  I'm not a graphics person but do need some buttons with the same look and feel.  Where can I find a way to create buttons for the web pages.  Login, Send, Logout,  Start ...

  Thanks

  Dallas in Maryland

   

• • Reply
  

  ManikandanUl...

  Participant

  850 Points

  253 Posts

  Re: Buttons on a href link

  Jan 10, 2013 12:07 PM|LINK

  go to

  1.iconarchive.cms

  2.iconfinders.com

  3. serch in google (select image)

  Manikandan Ulagu
  Click "…Mark As Answer" if my reply helpful....
  
  
• • Reply
  

  Abhishek Luv

  Participant

  1798 Points

  479 Posts

  Re: Buttons on a href link

  Jan 10, 2013 12:14 PM|LINK

  Dear,

  Twitter Bootstrap CSS Framework has simple and good looking buttons

  http://twitter.github.com/bootstrap/base-css.html#buttons

  Thanks
  With Regards
  Abhishek Rajiv Luv
  "Helpful then please Mark as Answer"
  http://www.codeabstract.com/
  http://pluralsight.com/training/users/abhishekluv
• • Reply
  

  ManikandanUl...

  Participant

  850 Points

  253 Posts

  Re: Buttons on a href link

  Jan 10, 2013 12:16 PM|LINK

  write css and apply u can get what u want....

  Example

  .btn96
  {
      background: url(../images/btn.png) no-repeat 0 0;
      width: 96px;
      height: 30px;
      border: 0px;
      color: #ecf1ff;
      font-size: 18px;
      outline: 0px;
  }

  Manikandan Ulagu
  Click "…Mark As Answer" if my reply helpful....
  
  
  • Marked as answer by DMT20601 on Jan 10, 2013 02:19 PM
• • Reply
  

  davidsa

  Member

  210 Points

  126 Posts

  Re: Buttons on a href link

  Jan 10, 2013 01:21 PM|LINK

  ManikandanUlagu

  write css and apply u can get what u want....

  I agree. I would that add you can get very nice looking buttons just using CSS. So to keep the page weight small try to avoid using images. You can still acheive the graphics look by using embedded fonts such as FontAwesome (Google it). Alternatively, you can use a website like http://www.cssbuttongenerator.com/ to visually create the CSS button.

   

  • Marked as answer by DMT20601 on Jan 10, 2013 02:33 PM
• • Reply
  

  DMT20601

  Member

  86 Points

  197 Posts

  Re: Buttons on a href link

  Jan 10, 2013 02:32 PM|LINK

  Thanks ...  lots of choices.  I went with css:  Probably some redundance here but it can be easily modified and I don't need a image file.

  .btnLogin
   {   position: absolute; z-index: 6;
       left:515px; top:343px;
       width: 96px;
       height: 30px;
       border: 1px solid gray;
       border-color: black;
       color: gray;
       font-size: 18px;
       outline: 0px;
       border-radius: 5px;
       -moz-border-radius: 5px;
       -webkit-border-radius: 5px; }
  

  .btnLogin:focus, .btnLogin:hover {
       background-color: #A7D43A; }

  <button class="btnLogin">Log In</button>