사용자: 게시판스킨 댓글쓰기 캡챠스타일

This commit is contained in:
whitedot
2013-01-15 11:10:39 +09:00
parent 6e560980a4
commit 0ab17c519c
4 changed files with 32 additions and 33 deletions

View File

@ -6,7 +6,7 @@ class gcaptcha
// 이미지크기 폭
var $width = 70;
// 이미지크기 높이
var $height = 20;
var $height = 22;
// 폰트 사이즈
var $size = 13;
// 폰트 기울기
@ -149,9 +149,8 @@ function captcha_html($class="captcha")
$html = '<fieldset id="captcha" class="'.$class.'">';
$html .= '<legend class="sound_only">스팸방지</legend>';
$html .= '<img src="'.captcha_file('.png').'" title="스팸방지 숫자">';
$html .= '<a href="'.captcha_file('.wav').'" id="captcha_wav">음성듣기</a>';
$html .= '<label for="captcha_key">스팸방지 숫자 입력</label>';
$html .= '<img src="'.captcha_file('.png').'" alt="스팸방지 숫자">';
$html .= '<a href="'.captcha_file('.wav').'" id="captcha_wav"><img src="'.$g4['bbs_path'].'/gcaptcha/img/sound.gif" alt="숫자를 음성으로 듣기"></a>';
$html .= '<input type="text" id="captcha_key" name="captcha_key" class="captcha_box fieldset_input" size="6" maxlength="6" required title="스팸방지 숫자 입력">';
$html .= '<p class="sound_only">스팸방지 숫자를 순서대로 입력하세요.</p>';
$html .= '</fieldset>';

BIN
bbs/gcaptcha/img/sound.gif Normal file

Binary file not shown.

After

Width:  |  Height:  |  Size: 85 B

View File

@ -20,11 +20,6 @@ hr {display:none}
#to_content a:focus,
#to_content a:active {padding:10px 0;width:100%;height:auto;background:#333;color:#fff;text-align:center;overflow:auto}
/* 자동등록방지 */
.captcha {display:inline-block;vertical-align:middle}
.captcha label {display:inline-block;margin:0;padding:0;width:0;height:0;overflow:hidden}
#captcha_iframe {display:inline-block;margin:0;padding:0;width:80px;height:25px;border:0;vertical-align:middle;overflow:hidden}
/* 기본테이블 */
table {margin-bottom:20px;width:100%;border-collapse:collapse;border-spacing:0}
tfoot th {border-top:1px solid #c9c9c9;border-bottom:1px solid #c9c9c9}
@ -36,6 +31,10 @@ th input {vertical-align:top} /* middle 로 하면 게시판 읽기에서 목록
td {padding:10px 0;border-top:1px solid #e9e9e9;border-bottom:1px solid #e9e9e9;font-size:0.75em}
.empty_table {padding:85px 0;text-align:center}
/* 캡챠 자동등록(입력)방지 기본 */
#captcha img {border:1px solid #ddd;border-right:0}
#captcha_wav img {border:1px solid #ddd;border-left:0;background:#494949}
/* 필드셋 */
fieldset {margin-bottom:20px;padding:13px;border:1px solid #dedace;background:#fefefe}
legend {margin-left:0;padding:7px 10px;border:1px solid #dedace;background:#333;color:#fff}
@ -365,23 +364,21 @@ a {color:#000;text-decoration:none}
.bo_vc_info dt {float:left}
.bo_vc_info dd {float:left;margin:0 15px 0 10px}
#bo_vc p {padding:0;font-size:0.75em}
#bo_vc fieldset {margin:0;padding:5px 0 0;border:0;border-top:1px solid #ddd;background:transparent;font-size:0.75em}
#bo_vc .captcha {padding:0;border:0;font-size:1em !important}
#bo_vc .captcha a {display:inline-block;margin-right:5px;text-decoration:underline}
#bo_vc .fieldset_input {margin-right:5px;vertical-align:top}
#bo_vc fieldset {margin:0 0 10px;padding:0;border:0;background:transparent;font-size:0.75em}
#bo_vc #bo_vc_winfo {float:left}
#bo_vc #captcha {float:left;margin-left:10px;padding:0 5px 0 0;border:0}
#bo_vc #captcha a {display:inline-block;margin-right:5px;text-decoration:underline;vertical-align:middle}
#bo_vc .fieldset_input {margin-right:5px}
#bo_vc footer {zoom:1}
#bo_vc footer:after {display:block;visibility:hidden;clear:both;content:""}
.bo_vc_act {float:right;margin:0;font-size:0.75em;list-style:none;zoom:1}
.bo_vc_act:after {display:block;visibility:hidden;clear:both;content:""}
.bo_vc_act li {float:left;margin-left:5px}
#bo_vc_w {position:relative;margin-top:10px;zoom:1}
#bo_vc_w:after {display:block;visibility:hidden;clear:both;content:""}
#bo_vc_w fieldset {margin:0;padding:0 0 0 10px;border:0;background:transparent;font-size:0.75em}
#bo_vc_w {position:relative;margin-top:10px}
#bo_vc_w #char_cnt {position:absolute;top:5px;right:10px}
/* 댓글 CAPTCHA */
#bo_vc_w #captcha_comment {font-size:1em !important}
#bo_vc_warea {position:relative;margin:10px 100px 10px 0}
#bo_vc_warea textarea {width:100%;height:50px}
#bo_vc_warea {clear:both;position:relative;margin:0 100px 10px 0}
#bo_vc_warea textarea {padding:3px;width:100%;height:50px;border:1px solid #ddd;background:#fff;vertical-align:middle}
#bo_vc_warea textarea:focus {padding:4px;border:0;background:#494949;color:#fff}
#bo_vc_warea .bo_vc_submit {position:absolute;top:0;right:-90px !important;right:10px;width:75px;height:57px;border:1px solid #666;background:#494949;color:#fff;letter-spacing:-0.1em}
/* 우편번호 검색 */

View File

@ -26,10 +26,12 @@ var char_max = parseInt(<?=$comment_max?>); // 최대
?>
<article id="c_<?=$comment_id?>">
<header>
<h1><?=$list[$i]['name']?>님의 댓글</h1>
<h1><?=$list[$i]['name']?><span class="sound_only">님의 댓글</span></h1>
<dl class="bo_vc_info">
<? if ($is_ip_view) { ?>
<dt>아이피</dt>
<dd><? if ($is_ip_view) { echo $list[$i]['ip'];} ?></dd>
<dd><?=$list[$i]['ip'];?></dd>
<? } ?>
<dt>작성일</dt>
<dd><time datetime="<?=date('Y-m-d\TH:i:s+09:00', strtotime($list[$i]['datetime']))?>"><?=$list[$i]['datetime']?></time></dd>
</dl>
@ -42,7 +44,7 @@ var char_max = parseInt(<?=$comment_max?>); // 최대
<span id="reply_<?=$comment_id?>"></span><!-- 답변 -->
<input type="hidden" id="secret_comment_<?=$comment_id?>" value="<?=strstr($list[$i]['wr_option'],"secret")?>">
<textarea id="save_comment_<?=$comment_id?>"><?=get_text($list[$i]['content1'], 0)?></textarea>
<textarea id="save_comment_<?=$comment_id?>" style="display:none"><?=get_text($list[$i]['content1'], 0)?></textarea>
<? if($list[$i]['is_reply'] || $list[$i]['is_edit'] || $list[$i]['is_del']) { ?>
<footer>
@ -71,22 +73,23 @@ var char_max = parseInt(<?=$comment_max?>); // 최대
<aside id="bo_vc_w">
<h2>댓글쓰기</h2>
<fieldset>
<fieldset id="bo_vc_winfo">
<legend class="sound_only">작성자</legend>
<? if ($is_guest) { ?>
<label for="wr_name">이름</label> <input type="text" id="wr_name" name="wr_name" class="fieldset_input required" maxLength="20" size="5" required>
<label for="wr_password">패스워드</label> <input type="password" id="wr_password" name="wr_password" class="fieldset_input required" maxLength="20" size="10" required>
<? echo $captcha_html; ?>
<? } ?>
<input type="checkbox" id="wr_secret" name="wr_secret" value="secret">
<label for="wr_secret">비밀글</label>
<? if ($comment_min || $comment_max) { ?><strong id="char_cnt"><span id="char_count"></span>글자</strong><?}?>
<div id="bo_vc_warea">
<textarea id="wr_content" name="wr_content" required
<? if ($comment_min || $comment_max) { ?>onkeyup="check_byte('wr_content', 'char_count');"<?}?>></textarea>
<? if ($comment_min || $comment_max) { ?><script> check_byte('wr_content', 'char_count'); </script><?}?>
<input type="submit" class="bo_vc_submit" value="댓글입력">
</div>
</fieldset>
</fieldset>
<? echo $captcha_html; ?>
<? if ($comment_min || $comment_max) { ?><strong id="char_cnt"><span id="char_count"></span>글자</strong><?}?>
<div id="bo_vc_warea">
<textarea id="wr_content" name="wr_content" required
<? if ($comment_min || $comment_max) { ?>onkeyup="check_byte('wr_content', 'char_count');"<?}?>></textarea>
<? if ($comment_min || $comment_max) { ?><script> check_byte('wr_content', 'char_count'); </script><?}?>
<input type="submit" class="bo_vc_submit" value="댓글입력">
</div>
</aside>
</form>