mobile signup_form.html update

git-svn-id: http://xe-core.googlecode.com/svn/sandbox@7671 201d5d3c-b55e-5fd7-737f-ddc643e51545
This commit is contained in:
ChanMyeong 2010-09-02 08:33:13 +00:00
parent 2fbabf59b7
commit 816e77f1a6
2 changed files with 172 additions and 172 deletions

View file

@ -1,54 +1,50 @@
@charset "utf-8"; @charset "utf-8";
/* Mobile XE */ /* Mobile XE (/modules/member/tpl/signup_form.html) */
body{margin:0;background:#fff;color:#000;word-wrap:break-word} body{margin:0;background:#fff;color:#000;word-wrap:break-word}
body,input,textarea,select,button,table{font-family:Tahoma, Geneva, sans-serif} body,input,textarea,select,button,table{font-family:Tahoma,Geneva,sans-serif}
img{border:0} img{border:0}
em{font-style:normal} em{font-style:normal}
form{margin:0;padding:0} form{margin:0;padding:0}
form ul{margin:0;padding:0;list-style:none} fieldset{margin:0;padding:0;border:0}
form li{margin:0 0 10px 0;padding:0 0 10px 0;border-bottom:1px dashed #999} textarea{resize:vertical}
form li:last-child{border:0} input[type=checkbox],
form p{margin:0} input[type=radio]{width:13px;height:13px;margin:0;padding:0}
form p.help{color:#666}
fieldset{border:0;margin:0;padding:0}
input,textarea,select{font-size:16px}
button{font-size:12px;cursor:pointer;background:#eee;border:1px solid #666;border-radius:3px;-moz-border-radius:3px;-webkit-border-radius:3px;overflow:visible;padding:3px;text-shadow:1px 1px 0 #fff;box-shadow:0 0 2px #666;-moz-box-shadow:0 0 2px #666;-webkit-box-shadow:0 0 2px #666;text-decoration:none;font-weight:normal}
/* Common Class */
.fl{float:left}
.fr{float:right}
.cb{clear:both}
.itx{border:1px solid #ccc;width:90%;font-size:20px;height:30px;padding:5px 10px}
.itxx{border:1px solid #ccc;width:90%;font-size:20px;padding:5px 10px;resize:vertical}
.db{display:block}
.fb{font-weight:bold}
.sn{margin:10px;*zoom:1}
.sn:after{content:"";display:block;clear:both}
/* Button */
.bn{display:inline-block;padding:5px 10px;font-weight:normal;font-size:14px;border:1px solid #333;background:#eee;color:#000;text-shadow:1px 1px 0 #fff;box-shadow:0 0 3px #333;-moz-box-shadow:0 0 3px #333;-webkit-box-shadow:0 0 3px #333;border-radius:3px;-moz-border-radius:3px;-webkit-border-radius:3px;text-decoration:none}
/* Edge = Header/Footer */
.eg{position:relative;background:#666;*zoom:1}
.eg:after{content:"";display:block;clear:both}
.eg a{text-decoration:none}
/* Header */
.hd{padding:10px;border-top:3px solid #444}
.hd .h1{float:left;display:inline;color:#fff;font-size:24px;margin:0;font-weight:bold;text-shadow:0 0 3px #000}
.hd .h1 a{color:#fff}
.hd .bn{font-size:12px}
/* Footer */
.ft{padding:0 5px;margin:0;list-style:none}
.ft a{display:inline-block;padding:10px;color:#fff;text-shadow:0 0 2px #000;font-size:14px;font-weight:bold}
/* Context */
.cm{margin:0;padding:10px;background:#777;color:#fff;text-align:center;list-style:none;border-top:1px solid #555;*zoom:1}
.cm:after{content:"";display:block;clear:both}
.cm .fl{margin:0 5px 0 0}
.cm .fr{margin:0 0 0 5px}
/* Copyright */
.cr{margin:0;padding:5px 15px;text-align:center;background:#444;color:#ccc;text-shadow:0 0 2px #000;font-size:12px;font-weight:bold}
/* Body */ /* Body */
.bd{position:relative;overflow:hidden;clear:both} .bd{background:#f8f8f8;padding:1px 0}
.bd .h2{font-size:20px;background:#ccc;border:1px solid #aaa} /* Hx */
.bd .h3{font-size:16px;background:#eee;border:1px solid #ccc} .hx{position:relative;border-bottom:1px solid #ccc8be;padding:8px 10px;margin:0}
.bd .h2,.bd .h3{position:relative;margin:-1px 0;padding:10px;border:1px solid #aaa;border-left:0;border-right:0;text-shadow:1px 1px #fff} .hx:after{content:"";margin:0 -10px;position:relative;top:10px;display:block;clear:both;height:1px;background:#fff}
.bd .h2 em,.bd .h3 em{font-weight:normal;color:#f60;font-size:12px} .hx.h2{background:#e5e5e5;text-shadow:1px 1px 0 #fff}
.bd .h2 a,.bd .h3 a{color:#000} .hx.h2 em{font-size:12px;color:#6352d2}
.bd .h2 .bn{position:absolute;top:8px;right:10px;font-size:12px;margin:0} .hx.h3{background:#868686;color:#fff}
.hx.h3 em{font-size:12px}
.hx h2, .hx h3{margin:0 10px 0 0;display:inline}
.hx h2{font-size:16px;line-height:1.4}
.hx h3{font-size:14px}
.hx a{color:#000}
.hx .ex{font-size:12px}
.hx .tg{position:absolute;top:0;left:0;width:100%;height:100%;margin:0;padding:0;overflow:visible;border:0;cursor:pointer;opacity:0;filter:alpha(opacity=0);background:none}
.hx .ca{font-size:12px;text-decoration:underline;color:#333}
.hx .ca:after{content:"";display:inline-block;position:relative;left:4px;width:0;height:0;border:4px solid;border-color:transparent;border-left-color:#8d7de1;margin:0 -8px 0 0}
.hx .write{position:absolute;top:8px;right:10px;background-position:0 0;display:inline-block;width:28px;height:27px;font-size:0;overflow:hidden;text-indent:28px}
/* Form Field */
.ff{margin:0;padding:10px 0}
.ff ul{margin:0 10px 10px 10px;padding:10px 0 0 0;list-style:none}
.ff li{margin:0 0 5px 0;padding:0}
.ff li p{color:#666}
.ff label+input[type=text],
.ff label+input[type=password],
.ff label+textarea,
.ff label+select{display:block;width:96%;font-size:14px;margin:0 0 5px 0}
.ff label+input[type=text],
.ff label+input[type=password],
.ff label+textarea{padding:5px}
/* Button Area */
.bna{text-align:center;padding:0 10px;margin:10px 0}
.bna:after{content:"";display:block;clear:both}
.bn{display:inline-block;line-height:26px !important;padding:0 10px;font-size:12px;font-weight:bold;border:1px solid;text-decoration:none;border-radius:5px;-moz-border-radius:5px;-webkit-border-radius:5px;cursor:pointer;vertical-align:middle}
.bn[type=submit],
.bn[type=button]{height:28px}
.bn[href]{height:26px}
.bn.dark{border-color:#666;background:#777 -webkit-gradient(linear,0% 0%,0% 100%,from(#7e7c78),to(#5c5b58));background:#777 -moz-linear-gradient(top,#7e7c78,#5c5b58);background-color:#777;color:#fff;box-shadow:0 0 1px #fff inset;-moz-box-shadow:0 0 1px #fff inset;-webkit-box-shadow:0 0 1px #fff inset}
.bn.white{border-color:#b5b5b5;background:#1b1b1b -webkit-gradient(linear,0% 0%,0% 100%,from(#fff),to(#f6f6f6),color-stop(0.5,#f0f0f0),color-stop(0.5,#e4e4e4));background:#1b1b1b -moz-linear-gradient(top,#fff,#e4e4e4);background-color:#1b1b1b;color:#000}

View file

@ -10,37 +10,43 @@
<!--%import("../skins/default/filter/signup.xml")--> <!--%import("../skins/default/filter/signup.xml")-->
<!--%import("../skins/default/js/member.js")--> <!--%import("../skins/default/js/member.js")-->
<div class="bd"> <div class="bd">
<h2 class="h2">{$lang->cmd_signup}</h2> <div class="hx h2">
<h3 class="h3">{$lang->member_default_info}</h3> <h2>{$lang->cmd_signup}</h2>
<form id="fo_insert_member" action="./" method="GET" onsubmit="return procFilter(this, signup)"> </div>
<fieldset class="sn"> <div class="hx h3">
<h3>{$lang->member_default_info}</h3>
</div>
<form id="fo_insert_member" action="./" method="get" class="ff" onsubmit="return procFilter(this, signup)">
<fieldset>
<ul> <ul>
<li><label for="id" class="db fb al">{$lang->user_id}</label><input name="user_id" type="text" id="id" class="itx" value="" /><p style="color:#666">{$lang->about_user_id}</p></li> <li><label for="id">{$lang->user_id}</label><input name="user_id" type="text" id="id" value="" /><p>{$lang->about_user_id}</p></li>
<li><label for="pw" class="db fb al">{$lang->password}</label><input name="password1" type="password" id="pw" class="itx" value="" /><p style="color:#666">{$lang->about_password}</p></li> <li><label for="pw">{$lang->password}</label><input name="password1" type="password" id="pw" value="" /><p>{$lang->about_password}</p></li>
<li><label for="pw2" class="db fb al">{$lang->password2}</label><input name="password2" type="password" id="pw2" class="itx" value="" /></li> <li><label for="pw2">{$lang->password2}</label><input name="password2" type="password" id="pw2" value="" /></li>
<li><label for="uname" class="db fb al">{$lang->user_name}</label><input name="user_name" type="text" id="uname" class="itx" value="" /><p style="color:#666">{$lang->about_user_name}</p></li> <li><label for="uname">{$lang->user_name}</label><input name="user_name" type="text" id="uname" value="" /><p>{$lang->about_user_name}</p></li>
<li><label for="nname" class="db fb al">{$lang->nick_name}</label><input name="nick_name" type="text" id="nname" class="itx" value="" /><p style="color:#666">{$lang->about_nick_name}</p></li> <li><label for="nname">{$lang->nick_name}</label><input name="nick_name" type="text" id="nname" value="" /><p>{$lang->about_nick_name}</p></li>
<li><label for="email" class="db fb al">{$lang->email_address}</label><input name="email_address" type="text" id="email" class="itx" value="" /><p style="color:#666">{$lang->about_email_address}</p></li> <li><label for="email">{$lang->email_address}</label><input name="email_address" type="text" id="email" value="" /><p>{$lang->about_email_address}</p></li>
<li><label for="hpage" class="db fb al">{$lang->homepage}</label><input name="homepage" type="text" id="hpage" class="itx" value="" /><p style="color:#666">{$lang->about_homepage}</p></li> <li><label for="hpage">{$lang->homepage}</label><input name="homepage" type="text" id="hpage" value="" /><p>{$lang->about_homepage}</p></li>
<li><label for="bpage" class="db fb al">{$lang->blog}</label><input name="blog" type="text" id="bpage" class="itx" value="" /><p style="color:#666">{$lang->about_blog_url}</p></li> <li><label for="bpage">{$lang->blog}</label><input name="blog" type="text" id="bpage" value="" /><p>{$lang->about_blog_url}</p></li>
<li><label for="bday" class="db fb al">{$lang->birthday}</label><input name="birthday" type="text" id="bday" class="itx" value="" /><p style="color:#666">{$lang->about_birthday}</p></li> <li><label for="bday">{$lang->birthday}</label><input name="birthday" type="text" id="bday" value="" /><p>{$lang->about_birthday}</p></li>
</ul> </ul>
</fieldset> </fieldset>
<!--@if($extend_form_list)--> <!--@if($extend_form_list)-->
<h3 class="h3">{$lang->member_extend_info}</h3> <div class="hx h3">
<fieldset class="sn"> <h3>{$lang->member_extend_info}</h3>
</div>
<fieldset>
<ul> <ul>
<!--@foreach($extend_form_list as $key => $val)--><!--@if($val->is_active=='Y')--> <!--@foreach($extend_form_list as $key => $val)--><!--@if($val->is_active=='Y')-->
<li><label class="db fb al">{htmlspecialchars($val->column_title)}</label> <li><label>{htmlspecialchars($val->column_title)}</label>
<!--// 일반 text --> <!--// 일반 text -->
<!--@if($val->column_type == 'text')--> <!--@if($val->column_type == 'text')-->
<input type="text" name="{$val->column_name}" value="{htmlspecialchars($val->value)}" class="itx" /> <input type="text" name="{$val->column_name}" value="{htmlspecialchars($val->value)}" />
<!--// 홈페이지 주소 --> <!--// 홈페이지 주소 -->
<!--@elseif($val->column_type == 'homepage')--> <!--@elseif($val->column_type == 'homepage')-->
<input type="text" name="{$val->column_name}" value="{htmlspecialchars($val->value)}" class="itx" /> <input type="text" name="{$val->column_name}" value="{htmlspecialchars($val->value)}" />
<!--// Email 주소 --> <!--// Email 주소 -->
<!--@elseif($val->column_type == 'email_address')--> <!--@elseif($val->column_type == 'email_address')-->
<input type="text" name="{$val->column_name}" value="{htmlspecialchars($val->value)}" class="itx" /> <input type="text" name="{$val->column_name}" value="{htmlspecialchars($val->value)}" />
<!--// 전화번호 --> <!--// 전화번호 -->
<!--@elseif($val->column_type == 'tel')--> <!--@elseif($val->column_type == 'tel')-->
<input type="text" name="{$val->column_name}" value="{htmlspecialchars($val->value[0])}" size="4"/> <input type="text" name="{$val->column_name}" value="{htmlspecialchars($val->value[0])}" size="4"/>
@ -48,7 +54,7 @@
<input type="text" name="{$val->column_name}" value="{htmlspecialchars($val->value[2])}" size="4"/> <input type="text" name="{$val->column_name}" value="{htmlspecialchars($val->value[2])}" size="4"/>
<!--// textarea --> <!--// textarea -->
<!--@elseif($val->column_type == 'textarea')--> <!--@elseif($val->column_type == 'textarea')-->
<textarea name="{$val->column_name}" class="itxx">{htmlspecialchars($val->value)}</textarea> <textarea name="{$val->column_name}">{htmlspecialchars($val->value)}</textarea>
<!--// 다중 선택 --> <!--// 다중 선택 -->
<!--@elseif($val->column_type == 'checkbox')--> <!--@elseif($val->column_type == 'checkbox')-->
<!--@if($val->default_value)--> <!--@if($val->default_value)-->
@ -77,7 +83,7 @@
<!--@elseif($val->column_type == 'kr_zip')--> <!--@elseif($val->column_type == 'kr_zip')-->
<div class="krZip"> <div class="krZip">
<div id="zone_address_1_{$val->column_name}" style="display:<!--@if($val->value[0])-->inline<!--@else-->none<!--@end-->;"> <div id="zone_address_1_{$val->column_name}" style="display:<!--@if($val->value[0])-->inline<!--@else-->none<!--@end-->;">
<input type="text" name="{$val->column_name}" value="{$val->value[0]}" class="itx"/> <input type="text" name="{$val->column_name}" value="{$val->value[0]}"/>
<a href="#" onclick="doHideKrZipList('{$val->column_name}'); return false;" class="bn"><span>{$lang->cmd_cancel}</span></a> <a href="#" onclick="doHideKrZipList('{$val->column_name}'); return false;" class="bn"><span>{$lang->cmd_cancel}</span></a>
</div> </div>
<div id="zone_address_list_{$val->column_name}" style="display:none"> <div id="zone_address_list_{$val->column_name}" style="display:none">
@ -86,12 +92,12 @@
<a href="#" onclick="doHideKrZipList('{$val->column_name}'); return false;" class="bn"><span>{$lang->cmd_cancel}</span></a> <a href="#" onclick="doHideKrZipList('{$val->column_name}'); return false;" class="bn"><span>{$lang->cmd_cancel}</span></a>
</div> </div>
<div id="zone_address_search_{$val->column_name}" style="display:<!--@if($val->value[0])-->none<!--@else-->inline<!--@end-->;"> <div id="zone_address_search_{$val->column_name}" style="display:<!--@if($val->value[0])-->none<!--@else-->inline<!--@end-->;">
<input type="text" name="_tmp_address_search_{$val->column_name}" class="itx" value="" /> <input type="text" name="_tmp_address_search_{$val->column_name}" value="" />
<a href="#" onclick="doSearchKrZip('{$val->column_name}'); return false;" class="bn"><span>{$lang->cmd_search}</span></a> <a href="#" onclick="doSearchKrZip('{$val->column_name}'); return false;" class="bn"><span>{$lang->cmd_search}</span></a>
</div> </div>
<div class="address2"> <div class="address2">
<input type="text" name="{$val->column_name}" value="{htmlspecialchars($val->value[1])}" class="itx" /> <input type="text" name="{$val->column_name}" value="{htmlspecialchars($val->value[1])}" />
</div> </div>
</div> </div>
<!--// 일본 주소 검색 --> <!--// 일본 주소 검색 -->
@ -102,17 +108,15 @@
<input type="hidden" name="{$val->column_name}" id="date_{$val->column_name}" value="{$val->value}" /> <input type="hidden" name="{$val->column_name}" id="date_{$val->column_name}" value="{$val->value}" />
<input type="text" class="inputDate inputTypeText" value="" /> <input type="text" class="inputDate inputTypeText" value="" />
<!--@end--> <!--@end-->
<p style="color:#666">{$val->description}</p> <p>{$val->description}</p>
<!--// 공개 필드 css확인 필요 --> <!--// 공개 필드 css확인 필요 -->
<!--input type="checkbox" class="checkbox" name="open_{$val->column_name}" value="Y" id="open_{$val->column_name}" /><label for="open_{$val->column_name}">{$lang->public}</label--></li> <!--input type="checkbox" class="checkbox" name="open_{$val->column_name}" value="Y" id="open_{$val->column_name}" /><label for="open_{$val->column_name}">{$lang->public}</label--></li>
<!--@end--><!--@end--> <!--@end--><!--@end-->
</ul> </ul>
</fieldset> </fieldset>
<!--@end--> <!--@end-->
<div class="bna">
<input type="submit" class="bn dark" value="{$lang->cmd_registration}" accesskey="s" />
<div class="cm">
<input type="submit" class="bn" value="{$lang->cmd_registration}" accesskey="s" />
</div> </div>
</form> </form>
</div> </div>