CSS Sprites 활용 ~

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

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

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

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

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

invalid-file

invalid-file

invalid-file

우선 합칠 폴더를 선정합니다. 저는 E:\TEST 폴더를….



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



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




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



결과…


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



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