CSS Sprites 활용 ~

파이어준



아저씨 블로그를 둘러보다가 찾은 CSS Sprites...


하지만 합쳐진 png 파일을 만들려고 했는데 라이센스 때문에 포토샵 CS3 는 깔면 안되는 상황이라...


GWT 의 ImageBundleBuilder 를 베껴서 해당 폴더의 이미지를 하나의 png 파일로 만들어주고


style sheet 에 들어갈 내용도 만들어 주는 것을 만들긴 했는데;;;;;;


그냥 급하게 쓸려고 만든거라 하하핫;;;;

more..

ImageBundleBuilder.java

ImageBundleGenerator.java

new_file.html

우선 합칠 폴더를 선정합니다. 저는

E:\TEST

폴더를….





첨부된 ImageBundleGenerator.java 의 main 메소드를 다음과 같이 만들어줍니다.





실행을 시키면 Console 에는 다음과 같은 결과가 나옵니다.






가볍게 복사한 후 HTML 에 다음과 같이 붙여넣고 결과를 확인합니다.





결과…




잘 안나온다는... span 을 img 로 바꾸면 나오기는 하는데.. 저 외각선.. border 를 0으로 줘도 안되네요

가운데 점도 하나가 -_ㅜ





한번에 되면 재미 없으니깐 ㅋㅋㅋ