자동등록방지 캡챠(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>';
상세 내용은 링크 참조.
댓글 5개
8년 전
좋은 팁이네요^^
한가지 아쉬운 점은 default.css 파일에서 어느 부분이 수정이 되었는지에 대한 비교나 표식이 있으면 더욱 확인이 쉬울 듯 합니다.
한가지 아쉬운 점은 default.css 파일에서 어느 부분이 수정이 되었는지에 대한 비교나 표식이 있으면 더욱 확인이 쉬울 듯 합니다.
8년 전
여긴 에디터를 사용할 수 없어서 표식을 넣기엔 너무 복잡해서요.
7년 전
이거 레전드 자료.
idiobox
6년 전
좋은 정보 감사합니다.
6년 전
감사합니다
게시판 목록
그누보드5 팁자료실
| 번호 | 제목 | 글쓴이 | 날짜 | 조회 |
|---|---|---|---|---|
| 공지 | 3년 전 | 4399 | ||
| 2694 | 2개월 전 | 187 | ||
| 2693 | 2개월 전 | 146 | ||
| 2692 | 2개월 전 | 157 | ||
| 2691 | 2개월 전 | 173 | ||
| 2690 | 2개월 전 | 325 | ||
| 2689 | 2개월 전 | 232 | ||
| 2688 |
|
2개월 전 | 439 | |
| 2687 | 2개월 전 | 290 | ||
| 2686 |
선택과집중
|
2개월 전 | 328 | |
| 2685 | 2개월 전 | 289 | ||
| 2684 | 2개월 전 | 345 | ||
| 2683 | 2개월 전 | 480 | ||
| 2682 | 2개월 전 | 275 | ||
| 2681 | 2개월 전 | 301 | ||
| 2680 |
선택과집중
|
2개월 전 | 277 | |
| 2679 | 2개월 전 | 329 | ||
| 2678 |
|
2개월 전 | 428 | |
| 2677 |
|
2개월 전 | 501 | |
| 2676 | 2개월 전 | 325 | ||
| 2675 | 2개월 전 | 303 | ||
| 2674 |
선택과집중
|
2개월 전 | 479 | |
| 2673 |
|
2개월 전 | 320 | |
| 2672 | 2개월 전 | 334 | ||
| 2671 | 3개월 전 | 283 | ||
| 2670 | 3개월 전 | 257 | ||
| 2669 | 3개월 전 | 373 | ||
| 2668 | 3개월 전 | 287 | ||
| 2667 |
선택과집중
|
3개월 전 | 482 | |
| 2666 |
선택과집중
|
3개월 전 | 469 | |
| 2665 |
선택과집중
|
3개월 전 | 403 |
댓글 작성
댓글을 작성하시려면 로그인이 필요합니다.
로그인하기