차이

문서의 선택한 두 판 사이의 차이를 보여줍니다.

차이 보기로 링크

양쪽 이전 판이전 판
다음 판
이전 판
tech:free_icon [2015/02/11 15:14] 121.200.106.175tech:free_icon [2016/07/12 00:56] (현재) – 바깥 편집 127.0.0.1
줄 1: 줄 1:
 +{{tag>free icon 아이콘 스프라이트 스프라이트패드 자동 아이콘맵 FREEWARE}}
 ======무료 아이콘과 스프라이트 만들기 (Free Icon & sprite)====== ======무료 아이콘과 스프라이트 만들기 (Free Icon & sprite)======
  
-첫번째 사이트에서 아이콘을 받아서, 두번째 사이트에 넣으면, 자동으로 css 맵을 만들어줍니다^^+첫번째 사이트에서 아이콘을 받아서, 두번째 사이트에 넣으면, 자동으로 css 맵을 만들어다^^
  
 좋죠~~~ 좋죠~~~
 +
 +아니면 이미 만들어진 아이콘을 폰트파일처럼 쓸 수 있게 해주는 [[fontawesome]]도 좋다.
 +
 =====IconArchive===== =====IconArchive=====
-여러 사이트가 있지만, +여러 사이트가 있지만,
 [[http://www.iconarchive.com/|IconArchive]]가 제일 좋다. 갯수가 많고, 크기와 스타일 등의 다양한 방법으로 검색을 할 수 있다. [[http://www.iconarchive.com/|IconArchive]]가 제일 좋다. 갯수가 많고, 크기와 스타일 등의 다양한 방법으로 검색을 할 수 있다.
  
줄 11: 줄 15:
  
 =====SpritePad===== =====SpritePad=====
-자동 아이콘 스프라이트 제작 사이트가 있다.  +자동 아이콘 스프라이트 제작 사이트. 
-[[http://spritepad.wearekiss.com/|스프라이트패드]] 아이콘 파일을 끌어넣으면 자동으로 css를 형성해 준다. 무료로 2개의 아이콘맵을 저장해 놓을 수 있다. +[[http://spritepad.wearekiss.com/|스프라이트패드]] 아이콘 파일을 끌어넣으면 자동으로 css를 형성해 준다. 무료로 2개의 아이콘맵을 저장해 놓을 수 있다.
  
 {{tech/spritepad.jpg?300}} {{tech/spritepad.jpg?300}}
  
 아이콘을 끌어넣고, 다운로드를 누르면 css 파일과 아이콘통합 PNG파일이 받아진다. 다운 받은 sprites.css를 보고 em 태그에 클래스 먹이면 된다. 아이콘을 끌어넣고, 다운로드를 누르면 css 파일과 아이콘통합 PNG파일이 받아진다. 다운 받은 sprites.css를 보고 em 태그에 클래스 먹이면 된다.
 +
 +em 태그의 배경화면형식으로 그림을 넣기 때문에 아이콘의 크기 조절이 쉽지 않다.
  
 =====DaButtonFactory===== =====DaButtonFactory=====
줄 22: 줄 28:
 http://dabuttonfactory.com/ http://dabuttonfactory.com/
  
-버튼을 만들 수 있다. +버튼을 만들 수 있다.
  
 =====제목텍스트 ===== =====제목텍스트 =====
 +
 +멋진 로고를 만들 수 있다.
  
 http://www.flamingtext.com/logo/Design-Glow http://www.flamingtext.com/logo/Design-Glow
줄 30: 줄 38:
 SPOILER SPOILER
  
 +^  누구나 수정할 수 있다. [[http://openwiki.kr/syntax|위키 사용법]] 참고하라.  ^
  
-^  누구나 수정하실 수 있다. [[http://vaslor.net/syntax|위키 사용법]] 참고하라.  ^ 
- 
-{{tag>free icon 아이콘 스프라이트 스프라이트패드 자동 아이콘맵 FREEWARE}}