블로그 이미지
올해목표 // 10월 어학연수 떠나자~ 자수씨

카테고리

전체글 (1457)
Brand New! (28)
주절주절 (213)
MOT (11)
해외쇼핑 (49)
쇼핑노트 (150)
취미생활 (94)
iPhone (4)
Eclipse (121)
Google (83)
Spring (31)
JAVA (176)
JavaScript (59)
WEB (49)
Database (20)
OS (26)
Tools (8)
Tips (26)
IT정보 (1)
Book (21)
Programming (37)
외부행사 (43)
주변인들 (17)
여행노트 (60)
학교생활 (30)
회사생활 (52)
사회생활 (5)
외국어공부 (12)
잡동사니 (30)
Total
Today
Yesterday
 
04-26 02:23
 

달력

« » 2024.4
일 월 화 수 목 금 토
1 2 3 4 5 6
7 8 9 10 11 12 13
14 15 16 17 18 19 20
21 22 23 24 25 26 27
28 29 30
 

최근에 올라온 글

최근에 달린 댓글

CSS Sprites 플러그인 ANT Task 제공

Eclipse/Plug-ins / 2008. 11. 26. 14:43

css_sprites_ant_task.jar

위의 jar 파일을 다운받고 적당한 위치에 놓습니다.

Window > Preferences > Ant > Runtime 에서 Add JARs... 버튼을 선택하고 위의 파일을 선택합니다.



그리고 ant xml 에서 다음과 같이 써주면 ANT 로 처리할 수 있습니다.



css 를 한개만 만드는게 아니라 역시 ant task 와 시켜놓으니 편하네요~


Posted by 자수씨
, |

http://vicki.co.kr/plug-ins/updates/ 업데이트~

Eclipse/Plug-ins / 2008. 11. 15. 16:24

개인적으로 만들며 놀고 있는 플러그인들의 업데이트 사이트를 최신데이터로 갱신했습니다.


[플러그인 목록]
ㅁ Blog Support: Syntax highlight 를 도와주는 기능외에 블로그에 도움이 되는 플러그인
ㅁ CSS Sprites: 여러 아이콘은 하나의 이미지를 합치고 CSS 로 로딩하는 CSS Sprites 에 대한 플러그인
ㅁ Explorer Support: 탐색기 도우미 플러그인
ㅁ Google CodeSearch: 에디터에서 구글 코드 검색연동 플러그인


플러그인 소스는 ㄷㄷㄷ... 일단 돌아가는 걸 위주로 했습니다~


Posted by 자수씨
, |

[Eclipse Plug-in] CSS Sprites Plug-in update...

Eclipse/Plug-ins / 2008. 11. 14. 18:33

CSS 로 큰 이미지를 쪼각내주는 CSS Sprites 가 간만에 업데이트 하였습니다.

[업데이트 내역]
ㅁ CSS Sprites Viewer 제공
  - 해당 css 에 어떤 이미지 아이콘을 사용할 수 있는지 확인해주는 Viewer


딸랑 한개 바꿨습니다. ㅋㅋㅋㅋ



Posted by 자수씨
, |

[Eclipse Plug-ins] Vicki's 업데이트 사이트 개장...

Eclipse/Plug-ins / 2008. 10. 17. 14:24

제가 만드는 플러그인들에 대한 업데이트 사이트를 개장하였습니다.

URL: http://vicki.co.kr/plug-ins/updates/

CSS Sprites 는 이미지를 합치고 style class 로 이미지를 사용할 수 있는 플러그인 입니다.
  - http://vicki.tistory.com/272
Explorer Support 는 프로젝트 탐색기에서 윈도우 탐색기로의 연동을 위한 플러그인 입니다.
  - http://vicki.tistory.com/216


아.. 어제 너무 무리했나봐요... 너무 졸리네요....

Posted by 자수씨
, |

[Eclipse plug-in] CSS Sprites Plug-in for Ext JS

Eclipse/Plug-ins / 2008. 10. 15. 01:16

CSS Sprites 를 위해 이미지 파일과 CSS 파일을 생성해주는 플러그인을 만들었습니다.
특정 폴더에 아이콘을 모아놓고 플러그인을 이용하는 방식입니다.
머 옵션은... 제가 편한대로 만들었습니다~~

이렇게 만든 CSS 는 extjs 에서 사용할 수 있습니다.
아이콘 별로 heaer, bar, 일반 으로 스타일을 제공해줍니다.
header 는 패널의 헤더에 넣을 때 사용하고, bar 는 툴바나 메뉴, 일반은 그리드에 넣을 때 사용합니다.


(동영상은 재생 후 더블클릭하면 전체화면으로 볼 수 있습니다.)
동영상 안보이시면 코덱 >>>> 캠타시아 코덱 





Posted by 자수씨
, |

[GWT-EXT] 패널 헤더에 CSS Sprites 아이콘 넣기

Google/GWT / 2008. 5. 21. 11:01

한창 CSS Sprites 에 관심을 가지고 gwt-ext 에서 사용할 수 있게 만들었었는데

패널 헤더에 아이콘으로 추가하니 이런식으로 나오는 것이였습니다.

사용자 삽입 이미지

타이틀이랑 툴들은 온데간데 없고;;; 저렇게 되었습니다.




한참을 이리바꿔보고 저리바꿔본 결과는 ...
사용자 삽입 이미지

너비와 높이를 제거하니 저렇게는 나오더군요....



그래도 아래쪽에 있는 이미지의 흔적이 보이므로 약간 더 손을 보면....
사용자 삽입 이미지

이미지의 위치를 +4px 를 하니 이쁘게 자리를 잡았습니다.




기존에 gwt-ext 에서 css sprites 를 할 경우 트리나 그리드, 메뉴바나 툴바의 경우 위치값이
약간씩은 달라져야 해서 제너레이터에서 일반 모드와 -bar 모드로 생성을 했었는데
이제는 -header 모드도 추가되어야 할 것 같네요...





Posted by 자수씨
, |

글 보관함

최근에 받은 트랙백

티스토리툴바