자동등록방지 캡챠(kcaptcha) 크기 변경 및 음성 안내 비활성화 정보
자동등록방지 캡챠(kcaptcha) 크기 변경 및 음성 안내 비활성화관련링크
첨부파일
본문
그누보드, 영카트 보안문자 입력 캡챠에는 음성 안내 기능이 포함되어 있습니다.
음성 안내 부분을 삭제하고 싶을 때 참고하세요.
최근 그누보드5 원본 기준입니다. 오래된 그누보드, 사용자 테마나 빌더는 차이가 있을 수 있습니다.
1. css/default.css 또는 theme/basic/css/default.css
캡챠 부분 css 내용 수정. 수정된 부분은 이 줄입니다.
#captcha #captcha_img {.......................}
#captcha #captcha_mp3 {.......................}
#captcha #captcha_reload {....................}
#captcha #captcha_key {........................}
/* 캡챠 자동등록(입력)방지 기본 -pc */
#captcha {display:inline-block;position:relative}
#captcha legend {position:absolute;margin:0;padding:0;font-size:0;line-height:0;text-indent:-9999em;overflow:hidden;}
#captcha #captcha_img {width:80px;height:30px;border:1px solid #e9e9e9;vertical-align:top;padding:0;margin:0}
#captcha #captcha_mp3 {margin:0;padding:0;width:31px;height:32px;border:0;background:transparent;vertical-align:middle;overflow:hidden;cursor:pointer;background:url('../img/captcha.png') 0 0 no-repeat;text-indent:-9999px}
#captcha #captcha_reload {margin:0;padding:0;width:31px;height:32px;border:0;background:transparent;vertical-align:middle;overflow:hidden;cursor:pointer;background:url('../img/captcha.png') 0 -29px no-repeat;text-indent:-9999px}
#captcha #captcha_key {margin:0 0 0 4px;padding:0 5px;width:70px;height:30px;border:1px solid #b8c9c2;background:#f7f7f7;font-size:1.333em;font-weight:bold;text-align:center}
#captcha #captcha_info {display:block;margin:5px 0 0;font-size:0.95em;letter-spacing:-0.1em}
theme/basic/css/default.css 파일을 수정할 때 이미지 경로는 반드시 이렇게 수정
../../../img/captcha.png
2. plugin/kcaptcha/kcaptcha_mp3.php
마지막 줄 주석 처리.
// echo make_mp3();
3. plugin/kcaptcha/kcaptcha.lib.php
아래 내용 주석 처리.
// if (is_mobile()) $html .= '<audio src="#" id="captcha_audio" controls></audio>';
// if (!is_mobile()) $html .= "\n".'<button type="button" id="captcha_mp3"><span></span>숫자음성듣기</button>';
상세 내용은 링크 참조.
음성 안내 부분을 삭제하고 싶을 때 참고하세요.
최근 그누보드5 원본 기준입니다. 오래된 그누보드, 사용자 테마나 빌더는 차이가 있을 수 있습니다.
1. css/default.css 또는 theme/basic/css/default.css
캡챠 부분 css 내용 수정. 수정된 부분은 이 줄입니다.
#captcha #captcha_img {.......................}
#captcha #captcha_mp3 {.......................}
#captcha #captcha_reload {....................}
#captcha #captcha_key {........................}
/* 캡챠 자동등록(입력)방지 기본 -pc */
#captcha {display:inline-block;position:relative}
#captcha legend {position:absolute;margin:0;padding:0;font-size:0;line-height:0;text-indent:-9999em;overflow:hidden;}
#captcha #captcha_img {width:80px;height:30px;border:1px solid #e9e9e9;vertical-align:top;padding:0;margin:0}
#captcha #captcha_mp3 {margin:0;padding:0;width:31px;height:32px;border:0;background:transparent;vertical-align:middle;overflow:hidden;cursor:pointer;background:url('../img/captcha.png') 0 0 no-repeat;text-indent:-9999px}
#captcha #captcha_reload {margin:0;padding:0;width:31px;height:32px;border:0;background:transparent;vertical-align:middle;overflow:hidden;cursor:pointer;background:url('../img/captcha.png') 0 -29px no-repeat;text-indent:-9999px}
#captcha #captcha_key {margin:0 0 0 4px;padding:0 5px;width:70px;height:30px;border:1px solid #b8c9c2;background:#f7f7f7;font-size:1.333em;font-weight:bold;text-align:center}
#captcha #captcha_info {display:block;margin:5px 0 0;font-size:0.95em;letter-spacing:-0.1em}
theme/basic/css/default.css 파일을 수정할 때 이미지 경로는 반드시 이렇게 수정
../../../img/captcha.png
2. plugin/kcaptcha/kcaptcha_mp3.php
마지막 줄 주석 처리.
// echo make_mp3();
3. plugin/kcaptcha/kcaptcha.lib.php
아래 내용 주석 처리.
// if (is_mobile()) $html .= '<audio src="#" id="captcha_audio" controls></audio>';
// if (!is_mobile()) $html .= "\n".'<button type="button" id="captcha_mp3"><span></span>숫자음성듣기</button>';
상세 내용은 링크 참조.
추천
1
1
댓글 5개
좋은 팁이네요^^
한가지 아쉬운 점은 default.css 파일에서 어느 부분이 수정이 되었는지에 대한 비교나 표식이 있으면 더욱 확인이 쉬울 듯 합니다.
한가지 아쉬운 점은 default.css 파일에서 어느 부분이 수정이 되었는지에 대한 비교나 표식이 있으면 더욱 확인이 쉬울 듯 합니다.
여긴 에디터를 사용할 수 없어서 표식을 넣기엔 너무 복잡해서요.
이거 레전드 자료.
좋은 정보 감사합니다.
감사합니다