kcaptcha 폰트 이미지를 마음대로 바꿔보자

· 2010-07-29 (목) 05:43:06 · 6596 · 3
verdana.png
verdana-ok.png
안녕하세요!
그누보드4에 kcaptcha가 좀 크고 투박하여 다른 captcha를 달자니 여기저기 손봐야하고
그래서 kcaptcha를 좀 입맛에 맞게 바꿔보았습니다.

우선 폰트 이미지를 대충 읽힐 수 있는 가독성^^과 글자 간격 여백등을 고려하여 포샵에서 맹급니다.
(예제 이미지는 고려하지 않았습니다 -_-)

이미지를 맹그실때 배경색을 투명(alpha-transparent)으로 하시고 png24형식으로 저장합니다.
포토샵의 'save for web' png24형식으로 저장하시면 편합니다.
{이미지:0}

그후 이미지를 디렉토리 'gnu4/bbs/fonts0' 생성 후 넣습니다.
kcaptcha 원본 소스에 포함된 util를 '../bbs'디렉에 넣습니다.
'../bbs/util/font_preparer.php' 파일을 열어 주석 바로 아래 exit()를 주석처리하거나 삭제합니다.

브라우저에서 'http://주소주소.../bbs/util/font_preparer.php' 실행합니다.

화면엔 아무것도 뜨지 않습니다. ^^
하지만 '..bbs/fonts0'에 만든 폰트이미지가 '..bbs/fonts' 디렉에 kcaptcha 형식에 맞게 생성된 것을 확인 할 수 있습니다.
{이미지:1}

그리고 bbs/kcaptcha_config.php와 '../js/jquery.kcaptcha.js' 열어
제작한 폰트에 맞게 크기 조정하시면 됩니다.

참고로 폰트 이미지를 기본값보다 작게 만드셨다면 kcaptcha_config.php에 no_spaces은 'false'값을 주시는게 좋습니다.

kcaptcha_config.php의 주석을 참고하셔서 색상과 진폭 간격등을 조절하세요.

폰트 이미지 형식 변환과 작동 상태만 확인한 상태구요.
읽기에 무리없는 가독성의 폰트 이미지를 맹글려면 좀 연구 해봐야겠네요. ^^;

※ kcaptcha 원본은 http://www.captcha.ru/en/kcaptcha/ 에서 다운받으실 수 있습니다.
(편의상 파일 첨부 했습니다,)

첨부파일

verdana.png (1.8 KB)
0회 2010-07-29 05:43
verdana-ok.png (2.1 KB)
0회 2010-07-29 05:43
kcaptcha.zip (164.4 KB) 119회 2010-07-29 05:43
|

댓글 3개

font_preparer.php 를 실행하면 font폴더에 같은 이름의 png파일이 생성되어야 하는건가요?
제 경운 실행해도 font폴더가 그대로던데..음
2011-07-20 (수) 10:47:20
잘 되네요. 감사합니다.
오. 딱 내 스타일. 감사합니다.^^
댓글을 작성하시려면 로그인이 필요합니다.

그누4 팁자료실

3,309건

그누보드4와 관련된 팁을 여러분들과 함께 공유하세요. 나누면 즐거움이 커집니다.

+
제목 글쓴이 날짜 조회
10-08-17 조회 5,356
10-08-16 조회 6,562
10-08-16 조회 4,270
10-08-15 조회 4,242
10-08-15 조회 3,644
10-08-15 조회 4,520
10-08-14 조회 3,679
10-08-12 조회 1.3만
10-08-11 조회 1.1만
10-08-08 조회 6,054
10-08-06 조회 4,896
10-08-04 조회 4,599
10-08-03 조회 4,897
10-07-31 조회 4,736
10-07-30 조회 4.8만
10-07-30 조회 1.5만
10-07-30 조회 1.1만
10-07-29 조회 6,861
10-07-29 조회 6,597
10-07-27 조회 4,734