차이

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

차이 보기로 링크

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