사용자: 기본 테이블 스타일, 회원정보 입력 스타일

This commit is contained in:
whitedot
2013-01-07 15:59:18 +09:00
parent d160bddd56
commit f4450d13bf
2 changed files with 70 additions and 42 deletions

View File

@ -18,7 +18,7 @@ table {margin-bottom:20px;width:100%;border-collapse:collapse;border-spacing:0}
tfoot td {background:#f0f0ed;font-weight:bold;text-align:center}
caption {padding:0 0 10px;text-align:left}
.caption_desc {font-size:0.75em}
th {padding:12px 0 8px;border-top:3px solid #a9a9a9;border-bottom:1px solid #a9a9a9;font-size:0.8em}
th {padding:12px 0 8px;border-top:3px solid #666;border-bottom:1px solid #a9a9a9;font-size:0.8em}
td {padding:10px 0;border-top:1px solid #d9d9d9;border-bottom:1px solid #d9d9d9;font-size:0.75em}
.empty_table {padding:50px 0;text-align:center}
@ -76,7 +76,7 @@ h6 {margin:0 0 20px}
#tnb a:focus {background:#faf9f5}
/* 전체검색 */
#hdsch {position:absolute;top:90px;right:50px;margin:0;padding:0;border:1px solid #ddd;background:#f0f0ed}
#hdsch {position:absolute;top:90px;right:50px;margin:0;padding:0;border:1px solid #ccc;background:#f0f0ed}
#hdsch legend {position:absolute;padding:0;width:0;height:0;border:0;overflow:hidden}
#hdsch_stx {margin:5px 0 5px 5px;height:16px;width:166px;border:0;background:transparent}
#hdsch_stx:focus {background:#464649;color:#fff}
@ -164,15 +164,18 @@ h6 {margin:0 0 20px}
/* ##################################################################### 스킨 및 컨텐츠 */
/* 폼 테이블 */
.frm_tbl {}
.frm_tbl caption {padding-top:10px;border-bottom:1px solid #aaa;font-weight:bold}
.frm_tbl th {width:170px;border-top:1px solid #d9d9d9;border-bottom:1px solid #d9d9d9;text-align:left}
.frm_tbl textarea,
.frm_tbl input,
.frm_tbl select {border:1px solid #ced9de;background:#f6f9fa;vertical-align:middle}
.frm_tbl .frm_input,
.frm_tbl select {border:1px solid #d7d7d7;background:#f6f9fa;vertical-align:middle}
.frm_tbl textarea,
.frm_tbl input {padding:3px}
.frm_tbl .frm_input {padding:3px;background:#f5f5f2}
.frm_tbl textarea:focus,
.frm_tbl input:focus {padding:4px;border:0;background:#434f54;color:#fff}
.frm_tbl .frm_input:focus {padding:4px;border:0;background:#333;color:#fff}
.frm_tbl textarea {width:90%}
.frm_tbl select {padding:2px}
.frm_info {display:block;padding:10px 0 0;color:#595959;line-height:1.3em}
/* 테이블 항목별 정의 */
.td_group {width:100px;text-align:center}

View File

@ -1,5 +1,9 @@
<?
if (!defined("_GNUBOARD_")) exit; // 개별 페이지 접근 불가
if (!defined("_GNUBOARD_")) exit; // 개별 페이지 접근 불가
$required = "";
$readonly = "";
if ($w == '') $required = "required";
else if ($w == 'u') $readonly = "readonly";
?>
<script>
@ -16,37 +20,37 @@ var member_skin_path = "<?=$member_skin_path?>";
<input type="hidden" id="mb_email_enabled" name="mb_email_enabled" value="">
<!-- <input type="hidden" name="token" value="<?=$token?>"> -->
<? if (isset($member['mb_sex'])) { ?><input type="hidden" name="mb_sex" value="<?=$member['mb_sex']?>"><? } ?>
<? if (isset($member['mb_nick_date']) && $member['mb_nick_date'] <= date("Y-m-d", $g4['server_time'] - ($config['cf_nick_modify'] * 86400))) { // 별명수정일이 지나지 않았다면 ?>
<? if (isset($member['mb_nick_date']) && $member['mb_nick_date'] <= date("Y-m-d", $g4['server_time'] - ($config['cf_nick_modify'] * 86400))) { // 별명수정일이 지나지 않았다면 ?>
<input type="hidden" name="mb_nick_default" value="<?=$member['mb_nick']?>">
<input type="hidden" name="mb_nick" value="<?=$member['mb_nick']?>">
<? } ?>
<table>
<table class="frm_tbl">
<caption>사이트 이용정보 입력</caption>
<tr>
<th scope="row"><label for="reg_mb_id">아이디</label></th>
<td>
<input type="text" id="reg_mb_id" name="mb_id" value="<?=$member['mb_id']?>" maxlength="20" <? if ($w=='u') { echo "readonly style='background-color:#dddddd;'"; } ?> <? if ($w=='') { echo 'required="required"'; } ?> title="회원아이디">
<input type="text" id="reg_mb_id" name="mb_id" class="frm_input <?=$required?> <?=$readonly?>" value="<?=$member['mb_id']?>" maxlength="20" <?=$required?> <?=$readonly?>>
<span id="msg_mb_id"></span>
<span>영문자, 숫자, _ 만 입력 가능. 최소 3자이상 입력하세요.</span>
<span class="frm_info">영문자, 숫자, _ 만 입력 가능. 최소 3자이상 입력하세요.</span>
</td>
</tr>
<tr>
<th scope="row"><label for="mb_password">패스워드</label></th>
<td><input type="password" id="reg_mb_password" name="mb_password" maxlength="20" <?=($w=='')?'required="required"':'';?> title="패스워드"></td>
<th scope="row"><label for="reg_mb_password">패스워드</label></th>
<td><input type="password" id="reg_mb_password" name="mb_password" class="frm_input <?=$required?>" maxlength="20" <?=$required?>></td>
</tr>
<tr>
<th scope="row"><label for="reg_mb_password_re">패스워드 확인</label></th>
<td><input type="password" id="reg_mb_password_re" name="mb_password_re" maxlength="20" <?=($w=='')?'required="required"':'';?> title="패스워드 확인"></td>
<td><input type="password" id="reg_mb_password_re" name="mb_password_re" class="frm_input <?=$required?>" maxlength="20" <?=$required?>></td>
</tr>
</table>
<table>
<table class="frm_tbl">
<caption>개인정보 입력</caption>
<tr>
<th scope="row"><label for="reg_mb_name">이름</label></th>
<td>
<input id="reg_mb_name" name="mb_name" value="<?=$member['mb_name']?>" <?=$member['mb_name']?"readonly2":"";?><?echo($w==''?'required="required"':'');?> title="이름">
<input id="reg_mb_name" name="mb_name" class="frm_input <?=$required?> <?=$readonly?>" value="<?=$member['mb_name']?>" <?=$required?> <?=$readonly?>>
<? if ($w=='') { echo "(공백없이 한글만 입력 가능)"; } ?>
</td>
</tr>
@ -55,10 +59,12 @@ var member_skin_path = "<?=$member_skin_path?>";
<th scope="row"><label for="reg_mb_nick">별명</label></th>
<td>
<input type="hidden" name="mb_nick_default" value="<?=isset($member['mb_nick'])?$member['mb_nick']:'';?>">
<input type="text" id="reg_mb_nick" name="mb_nick" maxlength="20" value="<?=isset($member['mb_nick'])?$member['mb_nick']:'';?>"<?echo($w==''?'required="required"':'');?> title="별명">
<input type="text" id="reg_mb_nick" name="mb_nick" class="frm_input required" maxlength="20" value="<?=isset($member['mb_nick'])?$member['mb_nick']:'';?>" required>
<span id="msg_mb_nick"></span>
<br>공백없이 한글,영문,숫자만 입력 가능 (한글2자, 영문4자 이상)
<br>별명을 바꾸시면 앞으로 <?=(int)$config['cf_nick_modify']?>일 이내에는 변경 할 수 없습니다.
<span class="frm_info">
공백없이 한글,영문,숫자만 입력 가능 (한글2자, 영문4자 이상)<br>
별명을 바꾸시면 앞으로 <?=(int)$config['cf_nick_modify']?>일 이내에는 변경 할 수 없습니다.
</span>
</td>
</tr>
<? } ?>
@ -67,11 +73,13 @@ var member_skin_path = "<?=$member_skin_path?>";
<th scope="row"><label for="reg_mb_email">E-mail</label></th>
<td>
<input type="hidden" name="old_email" value="<?=$member['mb_email']?>">
<input type="text" id="reg_mb_email" name="mb_email" maxlength="100" value='<?=isset($member['mb_email'])?$member['mb_email']:'';?>'>
<input type="text" id="reg_mb_email" name="mb_email" class="frm_input <?=$config['cf_use_email_certify']?"required":"";?>" maxlength="100" value='<?=isset($member['mb_email'])?$member['mb_email']:'';?>' <?=$config['cf_use_email_certify']?"required":"";?>>
<span id="msg_mb_email"></span>
<? if ($config['cf_use_email_certify']) { ?>
<? if ($w=='') { echo "<br>e-mail 로 발송된 내용을 확인한 후 인증하셔야 회원가입이 완료됩니다."; } ?>
<? if ($w=='u') { echo "<br>e-mail 주소를 변경하시면 다시 인증하셔야 합니다."; } ?>
<span class="frm_info">
<? if ($w=='') { echo "e-mail 로 발송된 내용을 확인한 후 인증하셔야 회원가입이 완료됩니다."; } ?>
<? if ($w=='u') { echo "e-mail 주소를 변경하시면 다시 인증하셔야 합니다."; } ?>
</span>
<? } ?>
</td>
</tr>
@ -79,21 +87,21 @@ var member_skin_path = "<?=$member_skin_path?>";
<? if ($config['cf_use_homepage']) { ?>
<tr>
<th scope="row"><label for="reg_mb_homepage">홈페이지</label></th>
<td><input type="text" id="reg_mb_homepage" name="mb_homepage" maxlength="255" <?=$config['cf_req_homepage']?'required':'';?> value="<?=$member[mb_homepage]?>"></td>
<td><input type="text" id="reg_mb_homepage" name="mb_homepage" class="frm_input <?=$config['cf_req_homepage']?"required":"";?>" maxlength="255" <?=$config['cf_req_homepage']?"required":"";?> value="<?=$member['mb_homepage']?>"></td>
</tr>
<? } ?>
<? if ($config['cf_use_tel']) { ?>
<tr>
<th scope="row"><label for="reg_mb_tel">전화번호</label></th>
<td><input type="text" id="reg_mb_tel" name="mb_tel" maxlength="20" <?=$config['cf_req_tel']?'required':'';?> value="<?=$member[mb_tel]?>"></td>
<td><input type="text" id="reg_mb_tel" name="mb_tel" class="frm_input <?=$config['cf_req_tel']?"required":"";?>" maxlength="20" <?=$config['cf_req_tel']?"required":"";?> value="<?=$member['mb_tel']?>"></td>
</tr>
<? } ?>
<? if ($config['cf_use_hp']) { ?>
<tr>
<th scope="row"><label for="reg_mb_hp">핸드폰번호</label></th>
<td><input type="text" id="reg_mb_hp" name="mb_hp" maxlength="20" <?=$config['cf_req_hp']?'required':'';?> value="<?=$member[mb_hp]?>"></td>
<td><input type="text" id="reg_mb_hp" name="mb_hp" class="frm_input <?=$config['cf_req_hp']?"required":"";?>" maxlength="20" <?=$config['cf_req_hp']?"required":"";?> value="<?=$member[mb_hp]?>"></td>
</tr>
<? } ?>
@ -101,30 +109,30 @@ var member_skin_path = "<?=$member_skin_path?>";
<tr>
<th scope="row">주소</th>
<td>
<input type="text" id="reg_mb_zip1" name="mb_zip1" maxlength="3" readonly <?=$config[cf_req_addr]?'required':'';?> value="<?=$member[mb_zip1]?>" title="우편번호 앞자리">
<input type="text" id="reg_mb_zip1" name="mb_zip1" class="frm_input <?=$config['cf_req_addr']?"required":"";?>" maxlength="3" readonly <?=$config['cf_req_addr']?"required":"";?> value="<?=$member['mb_zip1']?>" title="우편번호 앞자리">
-
<input type="text" id="reg_mb_zip2" name="mb_zip2" maxlength="3" readonly <?=$config[cf_req_addr]?'required':'';?> value="<?=$member[mb_zip2]?>" title="우편번호 뒷자리">
<input type="text" id="reg_mb_zip2" name="mb_zip2" class="frm_input <?=$config['cf_req_addr']?"required":"";?>" maxlength="3" readonly <?=$config['cf_req_addr']?"required":"";?> value="<?=$member['mb_zip2']?>" title="우편번호 뒷자리">
<a href="javascript:;" onclick="win_zip('fregisterform', 'mb_zip1', 'mb_zip2', 'mb_addr1', 'mb_addr2');">주소찾기</a>
<input type="text" id="reg_mb_addr1" name="mb_addr1" readonly <?=$config[cf_req_addr]?'required':'';?> value="<?=$member[mb_addr1]?>" title="행정구역주소">
<input type="text" id="reg_mb_addr2" name="mb_addr2" <?=$config[cf_req_addr]?'required':'';?> value="<?=$member[mb_addr2]?>" title="상세주소">
<input type="text" id="reg_mb_addr1" name="mb_addr1" class="frm_input <?=$config['cf_req_addr']?"required":"";?>" readonly <?=$config['cf_req_addr']?"required":"";?> value="<?=$member['mb_addr1']?>" title="행정구역주소">
<input type="text" id="reg_mb_addr2" name="mb_addr2" class="frm_input <?=$config['cf_req_addr']?"required":"";?>" <?=$config['cf_req_addr']?"required":"";?> value="<?=$member['mb_addr2']?>" title="상세주소">
</td>
</tr>
<? } ?>
</table>
<table>
<table class="frm_tbl">
<caption>기타 개인설정</caption>
<? if ($config['cf_use_signature']) { ?>
<tr>
<th scope="row"><label for="reg_mb_signature">서명</label></th>
<td><textarea id="reg_mb_signature" name="mb_signature" <?=$config[cf_req_signature]?'required':'';?>><?=$member[mb_signature]?></textarea></td>
<td><textarea id="reg_mb_signature" name="mb_signature" class="<?=$config['cf_req_signature']?"required":"";?>" <?=$config['cf_req_signature']?"required":"";?>><?=$member['mb_signature']?></textarea></td>
</tr>
<? } ?>
<? if ($config['cf_use_profile']) { ?>
<tr>
<th scope="row"><label for="reg_mb_profile">자기소개</label></th>
<td><textarea id="reg_mb_profile" name="mb_profile" <?=$config[cf_req_profile]?'required':'';?>><?=$member[mb_profile]?></textarea></td>
<td><textarea id="reg_mb_profile" name="mb_profile" class="<?=$config['cf_req_profile']?"required":"";?>" <?=$config['cf_req_profile']?"required":"";?>><?=$member['mb_profile']?></textarea></td>
</tr>
<? } ?>
@ -132,32 +140,47 @@ var member_skin_path = "<?=$member_skin_path?>";
<tr>
<th scope="row"><label for="reg_mb_icon">회원아이콘</label></th>
<td>
<input type="file" id="reg_mb_icon" name="mb_icon">
이미지 크기는 가로 <?=$config[cf_member_icon_width]?>픽셀, 세로 <?=$config[cf_member_icon_height]?>픽셀 이하로 해주세요.<br>
gif만 가능 / 용량:<?=number_format($config[cf_member_icon_size])?>바이트 이하만 등록됩니다.)
<input type="file" id="reg_mb_icon" name="mb_icon" class="frm_input">
<? if ($w == 'u' && file_exists($mb_icon)) { ?>
<input type="checkbox" id="del_mb_icon" name="del_mb_icon" value="1"> 삭제
<input type="checkbox" id="del_mb_icon" name="del_mb_icon" value="1">
<label for="del_mb_icon">삭제</label>
<? } ?>
<span class="frm_info">
이미지 크기는 가로 <?=$config['cf_member_icon_width']?>픽셀, 세로 <?=$config['cf_member_icon_height']?>픽셀 이하로 해주세요.<br>
gif만 가능하며 용량 <?=number_format($config['cf_member_icon_size'])?>바이트 이하만 등록됩니다.
</span>
</td>
</tr>
<? } ?>
<tr>
<th scope="row"><label for="reg_mb_mailling">메일링서비스</label></th>
<td><input type="checkbox" id="reg_mb_mailling" name="mb_mailling" value="1" <?=($w=='' || $member['mb_mailling'])?'checked':'';?>>정보 메일을 받겠습니다.</td>
<td>
<input type="checkbox" id="reg_mb_mailling" name="mb_mailling" value="1" <?=($w=='' || $member['mb_mailling'])?'checked':'';?>>
정보 메일을 받겠습니다.
</td>
</tr>
<? if ($config['cf_use_hp']) { ?>
<tr>
<th scope="row"><label for="reg_mb_sms">SMS 수신여부</label></th>
<td><input type="checkbox" id="reg_mb_sms" name="mb_sms" value="1" <?=($w=='' || $member['mb_sms'])?'checked':'';?>>핸드폰 문자메세지를 받겠습니다.</td>
<td>
<input type="checkbox" id="reg_mb_sms" name="mb_sms" value="1" <?=($w=='' || $member['mb_sms'])?'checked':'';?>>
핸드폰 문자메세지를 받겠습니다.
</td>
</tr>
<? } ?>
<? if (isset($member['mb_open_date']) && $member['mb_open_date'] <= date("Y-m-d", $g4['server_time'] - ($config['cf_open_modify'] * 86400))) { // 정보공개 수정일이 지났다면 수정가능 ?>
<tr>
<th scope="row"><label for="reg_mb_open">정보공개</label></th>
<td>
<input type="hidden" name="mb_open_default" value="<?=$member['mb_open']?>">
<input type="checkbox" id="reg_mb_open" name="mb_open" value="1" <?=($w=='' || $member['mb_open'])?'checked':'';?>>다른분들이 나의 정보를 볼 수 있도록 합니다.<br>
정보공개를 바꾸시면 앞으로 <?=(int)$config['cf_open_modify']?>일 이내에는 변경이 안됩니다.
<input type="checkbox" id="reg_mb_open" name="mb_open" value="1" <?=($w=='' || $member['mb_open'])?'checked':'';?>>
다른분들이 나의 정보를 볼 수 있도록 합니다.
<span class="frm_info">
정보공개를 바꾸시면 앞으로 <?=(int)$config['cf_open_modify']?>일 이내에는 변경이 안됩니다.
</span>
</td>
</tr>
<? } else { ?>
@ -165,8 +188,10 @@ var member_skin_path = "<?=$member_skin_path?>";
<th scope="row">정보공개</th>
<td>
<input type="hidden" name="mb_open" value="<?=$member['mb_open']?>">
정보공개는 수정후 <?=(int)$config['cf_open_modify']?>일 이내, <?=date("Y년 m월 j일", isset($member['mb_open_date']) ? strtotime("{$member['mb_open_date']} 00:00:00")+$config['cf_open_modify']*86400:$g4['server_time']+$config['cf_open_modify']*86400);?> 까지는 변경이 안됩니다.<br>
이렇게 하는 이유는 잦은 정보공개 수정으로 인하여 쪽지를 보낸 후 받지 않는 경우를 막기 위해서 입니다.
<span class="frm_info">
정보공개 수정후 <?=(int)$config['cf_open_modify']?>일 이내, <?=date("Y년 m월 j일", isset($member['mb_open_date']) ? strtotime("{$member['mb_open_date']} 00:00:00")+$config['cf_open_modify']*86400:$g4['server_time']+$config['cf_open_modify']*86400);?> 까지는 변경이 안됩니다.<br>
이렇게 하는 이유는 잦은 정보공개 수정으로 인하여 쪽지를 보낸 후 받지 않는 경우를 막기 위해서 입니다.
</span>
</td>
</tr>
<? } ?>