그누보드 - kcaptcha 폰트 이미지를 마음대로 바꿔보자

그누4 팁자료실

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

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

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

첨부파일

kcaptcha.zip (164.4K) 115회 다운로드 2010-07-29 05:43:06

본문

안녕하세요!
그누보드4에 kcaptcha가 좀 크고 투박하여 다른 captcha를 달자니 여기저기 손봐야하고
그래서 kcaptcha를 좀 입맛에 맞게 바꿔보았습니다.

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

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

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

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

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

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

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

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

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

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