 |
 |
HOME > 호스팅 > 아사프로2.0 > 만들기 > 스킨만들기 > 관리자스킨 |
|
|
|
| 1. 디자인하기 |
| 새로운 스킨을 제작하기 위해 샘플 파일을 다운로드 받습니다. |
| 다운로드 받은 파일을 원하는 디자인으로 수정합니다. |
| 스킨 샘플은 스킨이미지목록페이지에서 다운로드 받을 수 있습니다. |
| 2. HTML 코딩 및 적용 |
| (1) 관리자 가입 코딩 |
| 관리자 가입 코딩페이지는 사용자가 관리자로 가입할 수 있는 기능을 제공합니다. |
 |
<style>
.magin_top {margin-top:10px}
.button_bottom {border-collapse:collapse; text-align:middle;}
#existsStaff {display:none}
.checkbox_style {padding-right:180px;}
.span_text1{font-size: 12px; color: #606060; font-family:'돋움';}
.form_inputText{ font-size:9pt; font-family:gulim; color:#000000; border:1 solid #D7D7D7; background-color:#F6F6F6; height:19px; }
.title {background-color:#ffffff;font-size:9pt; font-family:gulim; color:#666666; font-weight:bold;} /*관리자정보 타이틀 */
.button1 {padding-top:3px;} /* 회원아이디 검색 버튼 */
.img_style{cursor:pointer;} /* 회원아이디 검색 버튼이 이미지을 경우 */
.bg_color {background-color:#f2f2f2;} /*테이블 가장 밖의 배경 */
.table_line {background-color:#dedede;} /*테이블 라인 */
.form_text {font-size:9pt; font-family:굴림; color:#606060; background-color:#f1f1f1; text-align:left; padding:7px 0px 7px 10px;} /* 색상이 있는 테이블 칸 */
.form_rtext {font-size:9pt; font-family:굴림; color:#606060; padding:7px 0px 7px 10px; background-color:#FFFFFF;} /*색상이 없는 테이블 칸 */
.form_inputText_button1{font-size:9pt; font-family:gulim; color:#000000; border:1 solid #D7D7D7; background-color:#ffffff; height:19px; } /*두 테이블 사이의 버튼*/
.thisbtnimg{background:url(<?=$awi_apply_path?>applyskin/FRA_29/image/skin1btn.gif) no-repeat 0 0;width:91px;height:21px;display:block;border:0;cursor:pointer;}
</style>
<!--img src="<?=$awi_apply_path?>applyskin/FRA_29/image/skin1btn.gif" border='0'/-->
<table border="0" cellpadding="0" cellspacing="0" width="100%">
<tr>
<td>
<table border="0" cellpadding="3" cellspacing="0" width="100%" align="left" id="existsMember">
<tr class="bg_color">
<td>
<table border="0" cellpadding="3" cellspacing="1" width="100%" class="table_line" >
<tr>
<td width="15%" class="bg_color"> <img src="<?=$awi_apply_path?>applyskin/FRA_21/image/basic_on.gif" border='0'/> 회원 아이디</td>
<td class="form_rtext">
<table cellpadding="0" cellspacing="0" border="0">
<tr>
<td width="300">
<input type="text" name="AsaProId1" size="20" class="form_inputText" readonly> (회원가입시 등록했던 아이디)</td>
<td><img class="img_style" src="<?=$awi_apply_path?>applyskin/FRA_21/image/btn_basic08_01.gif" align="middle" border="0" onClick="<?=$smallwindow2?>">
</td>
</tr>
</table>
</td>
</tr>
<tr >
<td width="15%" class="bg_color"> <img src="<?=$awi_apply_path?>applyskin/FRA_21/image/basic_on.gif" border='0'/> 회원 암호</td>
<td class="form_rtext">
<input type="hidden" name="AsaProPw1">
<input type="password" name="AsaProPw1ok" size="20" maxlength="20" class="form_inputText"> (회원가입시 등록했던 암호)
<input type="hidden" name="AsaProNum">
<input type="hidden" name="is_id" value=''>
<input type="hidden" name="is_email" value=''>
<input type="hidden" name="is_name" value=''>
</td></tr>
</table>
</td></tr>
<tr>
<td>
<table bgcolor="white" class="magin_top" align="center">
<tr>
<td>
<!--input type="button" value="<?=$awi_replace_words[pass_btn]?>" class="form_inputText_button" onclick="<?=$pwdChk?>"-->
<input type="button" onclick="<?=$pwdChk?>" class="thisbtnimg" />
</td></tr>
</table>
</td></tr>
</table>
</td></tr>
<tr>
<td>
</td></tr></table>
</td></tr>
<tr>
<td>
<table border="0" cellpadding="4" cellspacing="0" width="100%" align="center">
<tr>
<td align="left" width='200'><input type="checkbox" id='update_yn' onclick='<?=$checkyn2?>'><span class="span_text1">위 정보와 동일</span></td>
<td align="center" class="checkbox_style">
<input type="checkbox" name="ApplyAdmin" id="ApplyAdmin" value="y" checked onclick="<?=$MemberAdminChk2?>"><label for="ApplyAdmin"><span class="span_text1">관리자 가입 신청</span></label> </td></tr>
</table>
</td></tr>
<tr>
<td>
<table border="0" cellpadding="3" cellspacing="0" width="100%" align="center" class="bg_color" id="existsAdmin">
<tr>
<td colspan="4" align="left" class="title"><img src="<?=$awi_apply_path?>applyskin/FRA_21/image/basic_icon.gif" align="middle" border="0"> 관리자정보</td></tr>
<tr>
<td>
<table border="0" cellpadding="3" cellspacing="1" width="100%" align="center" class="table_line" >
<tr height="25">
<td rowspan="5" align="center" valign="middle" class="form_rtext" width="14%" ><?=$member_img;?></td>
<td class="form_text" width="16%"><img src="<?=$awi_apply_path?>applyskin/FRA_21/image/basic_on.gif" align="middle" border="0"> 아이디</td>
<td class="form_rtext">
<input type="text" id="admin_AsaPropid" name="admin_AsaPropid" size="25" class="form_inputText" value="<?=$smrow[pid]?>" disabled></td>
<td class="form_rtext" width="13%"></td></tr>
<tr>
<td class="form_text"> 이메일</td>
<td class="form_rtext">
<input type="text" id="admin_AsaPropemail" name="admin_AsaPropemail" size="25" class="form_inputText" value="<?=$smrow[pemail]?>" disabled></td>
<td class="form_rtext"> </td></tr>
<tr>
<td class="form_text"><img src="<?=$awi_apply_path?>applyskin/FRA_21/image/basic_on.gif" align="middle" border="0"> 성명</td>
<td class="form_rtext">
<input type="text" id="admin_name" name="admin_name" size="25" class="form_inputText" value="<?=$smrow[name]?>" disabled></td>
<td class="form_rtext" class="form_rtext" > 예) 홍길동</td></tr>
<tr>
<td style="font-size: 12px; color: #606060; font-family:'돋움';padding:7px 0px 7px 10px;background-color:#f1f1f1;"> 한자 성명</td>
<td class="form_rtext">
<input type="text" id="admin_AsaPropnameChinese" name="admin_AsaPropnameChinese" size="25" class="form_inputText" value="<?=$smrow[pnameChinese]?>" disabled></td>
<td class="form_rtext"> 예) 洪吉童</td></tr>
<tr>
<td class="form_text"> 영문 성명</td>
<td class="form_rtext">
<input type="text" id="admin_AsaPropnameEnglish" name="admin_AsaPropnameEnglish" size="25" class="form_inputText" value="<?=$smrow[pnameEnglish]?>" disabled></td>
<td class="form_rtext"> 예) Hong Gil-Dong</td></tr>
<tr height="25">
<td class="form_text"> 사진 수정</td>
<td class="form_rtext" colspan="2" valign="bottom">
<table border="0" cellpadding="0" cellspacing="0">
<tr>
<td><input type="file" id="admin_AsaPromember_img" name="admin_AsaPromember_img" size="30" onchange="javascript:document.images['preview'].src=this.value;if(typeof(image_upload_resize_check)=='function'){image_upload_resize_check(this.form.name,this.name);}" class="form_inputText" disabled> </td>
<td><?=$del_link_path1?><?=$del_img_path;?><?=$del_link_path2?><a href="<?=$uploadImageresize2?>" id="a2"><?=$add_img_path?></a></td></tr>
</table></td>
<td valign="bottom" class="form_rtext"> 사이즈 : 90 X 120</td></tr>
</table>
</td>
</tr>
</table>
</td></tr>
</table>
|
|
| - 스킨 변수 적용하기 |
| 변수 |
설명 |
| $smallwindow1 |
회원인 경우 신청할 때 회원 아이디검색 기능 |
| $pwdChk |
회원인 경우 신청할 때 암호일치확인 기능 |
| $checkyn2 |
위 정보와 동일 기능 |
| $MemberAdminChk2 |
관리자 가입폼 숨김/보임 기능 |
| $uploadImageresize2 |
이미지 올리기 설정 기능 |
| $member_img |
(no image) 이미지 입니다. |
| $del_img_path |
이미지삭제버튼 이미지입니다. |
| $add_img_path |
이미지올리기설정 이미지입니다. |
|
| *위의 프로그램 소스에서 빨간색으로 표시된 부분은 코딩을 하면서 꼭 필요한 요소입니다. |
| *이미지로 된 변수들은 자기가 좋아하는 이미지로 바꿀 수 있습니다. |
 |
| *호스팅 신청페이지에서 상품을 신청할 때 문자세트를 EUC-KR 선택했으면 자기가 코딩하려는 파일을 ANSI로 저장해주시면 됩니다. |
| UTF-8 경우 utf-8로 저장해주시면 됩니다. |
