CSS로 버튼을 만들어 주는 사이트

가끔은 버튼을 아주 빨리 만들어서 블로그나 사이트에 배치해야 할 때가 있습니다. 만들기는 어렵기도 하고 귀찮기도 해서 남이 만들어 놓은 코드가 있다면 복사해서 붙여넣기 하면 되니까 이럴때 사용하기 위해서 포스팅합니다.

물론 저도 아주 잘 이용하고 있습니다.

 

CSS3로 버튼을 만들어 주기 때문에 일부 버전이 낮은 IE등에서는 제대로 나타나지 않을 수도 있습니다.티스토리나 구글의 블로거를 사용하다 보면 버튼 사용할 일이 꽤 있더군요.

 

사용법은 티스토리는 스킨에 등록해서 사용하시던지 아니면 개별 페이지에만 사용하시던지 하시면 됩니다. 구글 블로거는 스킨의 <b:skin>~</b:skin> 사이에 등록해 놓고 개별 페이지의 "HTML로 작성" 부분으로 가서 class를 사용하면 됩니다.

 

예를 들면 <a class="myButton" href="http://www.naver.com">naver</a>

 


 

1. http://www.bestcssbuttongenerator.com/

 

 

2. http://css3buttongenerator.com/

 

 

 

위의 1번 사이트는 중간에 있는 "Get CSS" 와 "Get HTML" 버튼을 누르면 클립보드에 자동으로 복사되니 필요한 곳에 붙여넣기만 하면 됩니다. 2번사이트는 바로 아래에 아예 코드가 그냥 나오니 긁어서 복사하시면 됩니다.

 

그럼 즐거운 하루 되세요. vanxy..

IT/사이트 다른 글

댓글 0

*

*