부트스트랩 폰트어썸 캡챠(kcaptcha) 적용 > 그누보드5 팁자료실

그누보드5 팁자료실

부트스트랩 폰트어썸 캡챠(kcaptcha) 적용 정보

부트스트랩 폰트어썸 캡챠(kcaptcha) 적용

첨부파일

kcaptcha.lib.php (10.9K) 51회 다운로드 2016-09-27 17:17:06
captcha1.jpg (13.0K) 3회 다운로드 2016-09-27 17:17:06
captcha2.jpg (14.9K) 0회 다운로드 2016-09-27 17:17:06

본문

부트스트랩 반응형 적용하다보면 자동등록방지 캡차 이미지가 애매하더군요.
그누보드 원본파일 수정하기 싫었으나, 어쩔수 없었네요

아래 코드처럼 수정하시면 됩니다.
부트스트랩, 폰트어썸 적용했습니다.


수정파일 : /plugin/kcapcha/kcaptcha.lib.php



// 캡챠 HTML 코드 출력
/*
function captcha_html($class="captcha")
{
    if(is_mobile())
        $class .= ' m_captcha';

    $html .= "\n".'<script>var g5_captcha_url  = "'.G5_CAPTCHA_URL.'";</script>';
    //$html .= "\n".'<script>var g5_captcha_path = "'.G5_CAPTCHA_PATH.'";</script>';
    $html .= "\n".'<script src="'.G5_CAPTCHA_URL.'/kcaptcha.js"></script>';
    $html .= "\n".'<fieldset id="captcha" class="'.$class.'">';
    $html .= "\n".'<legend><label for="captcha_key">자동등록방지</label></legend>';
    if (is_mobile()) $html .= '<audio src="#" id="captcha_audio" controls></audio>';
    //$html .= "\n".'<img src="#" alt="" id="captcha_img">';
    $html .= "\n".'<img src="javascript:void(0);" alt="" id="captcha_img">';
    if (!is_mobile()) $html .= "\n".'<button type="button" id="captcha_mp3"><span></span>숫자음성듣기</button>';
    $html .= "\n".'<button type="button" id="captcha_reload"><span></span>새로고침</button>';
    $html .= '<input type="text" name="captcha_key" id="captcha_key" required class="captcha_box required" size="6" maxlength="6">';
    $html .= "\n".'<span id="captcha_info">자동등록방지 숫자를 순서대로 입력하세요.</span>';
    $html .= "\n".'</fieldset>';
    return $html;
}
*/

// bootstrap, fontawesome 적용 수정
function captcha_html()
{

    $html .= "\n".'<script>var g5_captcha_url  = "'.G5_CAPTCHA_URL.'";</script>';
    $html .= "\n".'<script src="'.G5_CAPTCHA_URL.'/kcaptcha.js"></script>';
    $html .= "\n".'<div style="border:0px; width:200px;">';
    $html .= "\n".'<div class="pull-left"><img src="javascript:void(0);" alt="" id="captcha_img"></div>';
    $html .= "\n".'<div class="pull-right"><div class="btn-group-vertical btn-group-sm" role="group">';
    if (!is_mobile()) $html .= "\n".'<button type="button" id="captcha_mp3" class="btn btn-default"><i class="fa fa-volume-up fa-fw"></i></button>';
    $html .= "\n".'<button type="button" id="captcha_reload" class="btn btn-default"><i class="fa fa-refresh fa-fw"></i></button>';
    $html .= "\n".'</div></div>';
    if (is_mobile()) $html .= '<audio src="#" id="captcha_audio" controls style="width:200px;"></audio>';
    $html .= '<input type="text" name="captcha_key" id="captcha_key" required class="form-control" maxlength="6" placeholder="숫자입력">';
    $html .= '</div>';

    return $html;
}





제가 극하수라 디자인을 잘 할줄몰라서...
더 이쁘게 만들어주세요
추천
1

댓글 6개

전체 2,431 |RSS
그누보드5 팁자료실 내용 검색

회원로그인

(주)에스아이알소프트 / 대표:홍석명 / (06211) 서울특별시 강남구 역삼동 707-34 한신인터밸리24 서관 1404호 / E-Mail: admin@sir.kr
사업자등록번호: 217-81-36347 / 통신판매업신고번호:2014-서울강남-02098호 / 개인정보보호책임자:김민섭(minsup@sir.kr)
© SIRSOFT