korean zip search UX enhancement.

git-svn-id: http://xe-core.googlecode.com/svn/sandbox@8174 201d5d3c-b55e-5fd7-737f-ddc643e51545
This commit is contained in:
ChanMyeong 2011-03-11 06:52:37 +00:00
parent 7b28c68c80
commit 1d31fbb49e
13 changed files with 661 additions and 625 deletions

View file

@ -1,126 +1,129 @@
@charset "utf-8";
#memberModule h3 {border-bottom:2px solid #ccc; padding:5px 0 5px 25px; margin:0 0 10px 0; background:url(../img/iconH2.gif) no-repeat left center; font-size:12px; color:#666; }
#memberModule h4 {padding:5px 0 5px 20px; background:url(../img/iconH3.gif) no-repeat left center;}
#memberModule h4 span.vr { font-size:11px; color:#AAA; }
#memberModule h4 a.view { font-size:11px; font-family:vertical; color:#777e86; }
#memberModule p.summary,
#memberModule div.infoText { margin:0 0 15px 0; line-height:1.6;}
#memberModule p.summary{ color:#888;}
#memberModule p.summary a { text-decoration:none; color:#888; }
#memberModule p.summary.red { color:#A54D4D; }
#memberModule p.summary.red a { text-decoration:none; color:#A54D4D; }
#memberModule div.infoText { color:#888;}
#memberModule .agreementBox { border:1px solid #CCC; margin:10px 0 0 0; padding:10px; border-bottom:none; height:200px; overflow-y:scroll;}
#memberModule .agreementButton { background-color:#EFEFEF; padding:10px; border:1px solid #CCC; border-top:none; margin-bottom:10px;}
#memberModule .localNavigation { border-bottom:1px solid #ccc; *zoom:1; margin:0 0 20px 0px; padding:0; overflow:hidden; }
#memberModule .localNavigation:after {content:""; display:block; clear:both;}
#memberModule .localNavigation li{ position:relative; list-style:none; float:left; margin:0 -1px 0 0; padding:0;background:#fff;}
#memberModule .localNavigation li a{ float:left; padding:7px 15px 0 15px; height:18px; border:1px solid #ddd; border-bottom:none; background:url(../img/bgTab.gif) repeat-x;}
#memberModule .localNavigation li a{ text-decoration:none !important; color:#666;}
#memberModule .localNavigation li.active a{ font-weight:bold; color:#1e6aac;}
#memberModule .localNavigation li.on { margin-bottom:-1px;}
#memberModule .localNavigation li.on a{ height:19px; background:none;}
#memberModule .layer { display:none; position:absolute; border:2px solid #777; margin:0; font-size:12px; background:#fff;}
#memberModule .layer * { margin:0; padding:0; font-size:12px; }
#memberModule .layer h4 { font-size:14px !important; font-family:Dotum; background:#f4f4f4 !important; padding:8px 30px 8px 15px !important; letter-spacing:-1px !important; }
#memberModule .layer .xButton { position:absolute; top:9px; right:9px; width:15px; height:14px; background-color:transparent; background:url(../img/buttonClose.gif) no-repeat; border:0; cursor:pointer; overflow:hidden; }
#memberModule .layer .xButton span { position:relative; z-index:-1; visibility:hidden; }
#memberModule .layer .layerBody{ margin:15px;}
#memberModule .crossTable{ width:100%; border:0; margin:0 0 20px 0; padding:0;}
#memberModule .crossTable th div { white-space:nowrap; }
#memberModule .crossTable th,
#memberModule .crossTable td{ border:0; padding:5px 10px; vertical-align:top; font-weight:normal;}
#memberModule .crossTable thead th{ border-top:2px solid #cfcfcf; border-bottom:1px solid #e5e5e5; background-image:url(../img/lineVrText.gif); background-repeat:no-repeat; background-position:left center;}
#memberModule .crossTable thead th:first-child{ background-image:none;}
#memberModule .crossTable tbody th{ border-bottom:1px solid #e5e5e5; text-align:left;}
#memberModule .crossTable td{ border-bottom:1px solid #f0f0f0;}
#memberModule .colTable{ width:100%; border:0; margin:0 0 20px 0; padding:0;}
#memberModule .colTable th div { white-space:nowrap; }
#memberModule .colTable th,
#memberModule .colTable td{ border:0; padding:5px 10px; vertical-align:top; font-weight:normal;}
#memberModule .colTable th{ border-top:2px solid #cfcfcf; border-bottom:1px solid #e5e5e5; background:#f4f4f4; background-image:url(../img/lineVrText.gif); background-repeat:no-repeat; background-position:left center;}
#memberModule .colTable th:first-child{ background-image:none;}
#memberModule .colTable td{ border-bottom:1px solid #f0f0f0;}
#memberModule .rowTable{ width:100%; border:0; border-top:2px solid #cfcfcf; margin:0 0 20px 0; padding:0;}
#memberModule .rowTable th div { white-space:nowrap; }
#memberModule .rowTable th,
#memberModule .rowTable td{ border:0; padding:10px 10px; text-align:left; vertical-align:top; font-weight:normal;}
#memberModule .rowTable tbody th{ border-bottom:1px solid #e5e5e5;}
#memberModule .rowTable td{ border-bottom:1px solid #e5e5e5;}
#memberModule .rowTable th.button,
#memberModule .colTable th.button,
#memberModule .crossTable th.button { text-align:right; background:#EAEAEA; }
#memberModule .colTable td a,
#memberModule .rowTable td a,
#memberModule .crossTable td a { color:#000; text-decoration:none; }
#memberModule .colTable td.wide,
#memberModule .rowTable td.wide,
#memberModule .crossTable td.wide { width:100%;}
#memberModule .rowTable th.title,
#memberModule .crossTable th.title,
#memberModule .colTable th.title { padding:10px; font-weight:bold; text-align:center; border-bottom:1px solid #DDD; background:url(../img/bgTab.gif) repeat-x left bottom;}
#memberModule p { color:#AAA; margin:3px 0 0 0; padding:0;}
#dummy_check_nick_name { color:red; margin:3px 0 0 0; padding:0; }
#memberModule .require { color:red; font-size:10px; font-family:tahoma; font-weight:bold; margin-left:5px; }
#memberModule .publicItem { margin:5px 0 0 0; padding:0; color:#aaa; }
#memberModule .publicItem input { padding:0; margin: 0; }
#memberModule caption{ font-size:11px; font-family:Tahoma; color:#888; text-align:left;}
#memberModule td.openids div { float:left; margin-right:10px; margin-bottom:10px; }
#memberModule td.openids div a { color:#AAA; text-decoration:none;}
#memberModule .openid_user_id { background: url(../img/openid_login_bg.gif) left no-repeat; background-color: #ffffff; background-position: 0 50%; padding:3px 3px 3px 18px; border:1px solid; border-color:#a6a6a6 #d8d8d8 #d8d8d8 #a6a6a6; line-height:1em; vertical-align:middle; color:#666666; width:200px;}
#memberModule .insertOpenID { clear:both; margin-top:10px; }
#memberModule .savedContent { margin-top:10px; border:1px solid #EEE; padding:10px; }
#memberModule .pagination{ padding:15px 0; margin:0; text-align:center; clear:both; }
#memberModule .pagination *{ margin:0; padding:0;}
#memberModule .pagination img{ border:0;}
#memberModule .pagination a,
#memberModule .pagination strong{ position:relative; display:inline-block; text-decoration:none; line-height:normal; color:#333; font-family:Tahoma, Sans-serif; vertical-align:middle;}
#memberModule .pagination a:hover,
#memberModule .pagination a:active,
#memberModule .pagination a:focus{ background-color:#f4f4f4 !important; }
#memberModule .pagination strong{ color:#ff6600 !important;}
#memberModule .pagination a.prev,
#memberModule .pagination a.prevEnd,
#memberModule .pagination a.next,
#memberModule .pagination a.nextEnd{ font-weight:normal !important; border:none !important; margin:0 !important; white-space:nowrap; }
#memberModule .pagination.a1 a,
#memberModule .pagination.a1 strong{ margin:0 -4px; padding:1px 10px 1px 8px; border:none; border-left:1px solid #ccc; border-right:1px solid #ddd; font-weight:bold; font-size:12px; background:#fff;}
#memberModule .pagination.a1 a.prev{ padding-left:10px; background:#fff url(../img/arrowPrevA1.gif) no-repeat left center; }
#memberModule .pagination.a1 a.prevEnd{ padding-left:15px; background:#fff url(../img/arrowPrevEndA1.gif) no-repeat left center; }
#memberModule .pagination.a1 a.next{ padding-right:10px; background:#fff url(../img/arrowNextA1.gif) no-repeat right center; }
#memberModule .pagination.a1 a.nextEnd{ padding-right:15px; background:#fff url(../img/arrowNextEndA1.gif) no-repeat right center; }
#memberModule .memberSmallBox { border:1px solid #EFEFEF; margin:50px auto 20px auto; padding:0; width:400px;}
#memberModule .memberSmallBox .header { padding:10px; font-weight:bold; text-align:center; border-bottom:1px solid #DDD; background:url(../img/bgTab.gif) repeat-x left bottom;}
#memberModule fieldset { position:relative; border:0; margin:0; padding:10px;}
#memberModule .memberSmallBox .login dl { margin:0; padding:0; overflow:hidden; margin-right:10px; width:250px;}
#memberModule .memberSmallBox .login dl dt { margin:0; padding:0; width:100px; clear:left; float:left; color:#54564b; height:24px; padding-top:3px; text-indent:10px;}
#memberModule .memberSmallBox .login dl dd { margin:0; padding:0; float:left; height:27px; width:150px; }
#memberModule .memberSmallBox .login .keep { clear:both; white-space:nowrap; margin-left:100px;}
#memberModule .memberSmallBox .login .keep input { vertical-align:middle;}
#memberModule .memberSmallBox .login .keep label { margin:0; padding:0; font-size:12px; color:#999999;}
#memberModule .memberSmallBox .openid_user_id { background: url(../img/openid_login_bg.gif) left no-repeat; background-color: #ffffff; background-position: 0 50%; padding:3px 3px 3px 18px; border:1px solid; border-color:#a6a6a6 #d8d8d8 #d8d8d8 #a6a6a6; line-height:1em; vertical-align:middle; color:#666666; width:120px;}
#memberModule .memberSmallBox .help { background:#f5f5f3; color:#666666; border-top:1px solid #eaebe7; overflow:hidden; padding:1.1em; color:#ccc;}
#memberModule .memberSmallBox .help a{ color:#666; text-decoration:underline;}
#memberModule .memberSmallBox .buttonArea{ position:absolute; top:10px; left:260px;}
#memberModule ul.checkbox,
#memberModule ul.radio { list-style:none; margin:0; padding:0; }
@charset "utf-8";
#memberModule h3 {border-bottom:2px solid #ccc; padding:5px 0 5px 25px; margin:0 0 10px 0; background:url(../img/iconH2.gif) no-repeat left center; font-size:12px; color:#666; }
#memberModule h4 {padding:5px 0 5px 20px; background:url(../img/iconH3.gif) no-repeat left center;}
#memberModule h4 span.vr { font-size:11px; color:#AAA; }
#memberModule h4 a.view { font-size:11px; font-family:vertical; color:#777e86; }
#memberModule p.summary,
#memberModule div.infoText { margin:0 0 15px 0; line-height:1.6;}
#memberModule p.summary{ color:#888;}
#memberModule p.summary a { text-decoration:none; color:#888; }
#memberModule p.summary.red { color:#A54D4D; }
#memberModule p.summary.red a { text-decoration:none; color:#A54D4D; }
#memberModule div.infoText { color:#888;}
#memberModule select{ font-size:12px}
#memberModule .agreementBox { border:1px solid #CCC; margin:10px 0 0 0; padding:10px; border-bottom:none; height:200px; overflow-y:scroll;}
#memberModule .agreementButton { background-color:#EFEFEF; padding:10px; border:1px solid #CCC; border-top:none; margin-bottom:10px;}
#memberModule .localNavigation { border-bottom:1px solid #ccc; *zoom:1; margin:0 0 20px 0px; padding:0; overflow:hidden; }
#memberModule .localNavigation:after {content:""; display:block; clear:both;}
#memberModule .localNavigation li{ position:relative; list-style:none; float:left; margin:0 -1px 0 0; padding:0;background:#fff;}
#memberModule .localNavigation li a{ float:left; padding:7px 15px 0 15px; height:18px; border:1px solid #ddd; border-bottom:none; background:url(../img/bgTab.gif) repeat-x;}
#memberModule .localNavigation li a{ text-decoration:none !important; color:#666;}
#memberModule .localNavigation li.active a{ font-weight:bold; color:#1e6aac;}
#memberModule .localNavigation li.on { margin-bottom:-1px;}
#memberModule .localNavigation li.on a{ height:19px; background:none;}
#memberModule .layer { display:none; position:absolute; border:2px solid #777; margin:0; font-size:12px; background:#fff;}
#memberModule .layer * { margin:0; padding:0; font-size:12px; }
#memberModule .layer h4 { font-size:14px !important; font-family:Dotum; background:#f4f4f4 !important; padding:8px 30px 8px 15px !important; letter-spacing:-1px !important; }
#memberModule .layer .xButton { position:absolute; top:9px; right:9px; width:15px; height:14px; background-color:transparent; background:url(../img/buttonClose.gif) no-repeat; border:0; cursor:pointer; overflow:hidden; }
#memberModule .layer .xButton span { position:relative; z-index:-1; visibility:hidden; }
#memberModule .layer .layerBody{ margin:15px;}
#memberModule .crossTable{ width:100%; border:0; margin:0 0 20px 0; padding:0;}
#memberModule .crossTable th div { white-space:nowrap; }
#memberModule .crossTable th,
#memberModule .crossTable td{ border:0; padding:5px 10px; vertical-align:top; font-weight:normal;}
#memberModule .crossTable thead th{ border-top:2px solid #cfcfcf; border-bottom:1px solid #e5e5e5; background-image:url(../img/lineVrText.gif); background-repeat:no-repeat; background-position:left center;}
#memberModule .crossTable thead th:first-child{ background-image:none;}
#memberModule .crossTable tbody th{ border-bottom:1px solid #e5e5e5; text-align:left;}
#memberModule .crossTable td{ border-bottom:1px solid #f0f0f0;}
#memberModule .colTable{ width:100%; border:0; margin:0 0 20px 0; padding:0;}
#memberModule .colTable th div { white-space:nowrap; }
#memberModule .colTable th,
#memberModule .colTable td{ border:0; padding:5px 10px; vertical-align:top; font-weight:normal;}
#memberModule .colTable th{ border-top:2px solid #cfcfcf; border-bottom:1px solid #e5e5e5; background:#f4f4f4; background-image:url(../img/lineVrText.gif); background-repeat:no-repeat; background-position:left center;}
#memberModule .colTable th:first-child{ background-image:none;}
#memberModule .colTable td{ border-bottom:1px solid #f0f0f0;}
#memberModule .rowTable{ width:100%; border:0; border-top:2px solid #cfcfcf; margin:0 0 20px 0; padding:0;}
#memberModule .rowTable th div { white-space:nowrap; }
#memberModule .rowTable th,
#memberModule .rowTable td{ border:0; padding:10px 10px; text-align:left; vertical-align:top; font-weight:normal;}
#memberModule .rowTable tbody th{ border-bottom:1px solid #e5e5e5;}
#memberModule .rowTable td{ border-bottom:1px solid #e5e5e5;}
#memberModule .rowTable th.button,
#memberModule .colTable th.button,
#memberModule .crossTable th.button { text-align:right; background:#EAEAEA; }
#memberModule .colTable td a,
#memberModule .rowTable td a,
#memberModule .crossTable td a { color:#000; text-decoration:none; }
#memberModule .colTable td.wide,
#memberModule .rowTable td.wide,
#memberModule .crossTable td.wide { width:100%;}
#memberModule .rowTable th.title,
#memberModule .crossTable th.title,
#memberModule .colTable th.title { padding:10px; font-weight:bold; text-align:center; border-bottom:1px solid #DDD; background:url(../img/bgTab.gif) repeat-x left bottom;}
#memberModule p { color:#666; margin:3px 0 0 0; padding:0;}
#dummy_check_nick_name { color:red; margin:3px 0 0 0; padding:0; }
#memberModule .require { color:red; font-size:10px; font-family:tahoma; font-weight:bold; margin-left:5px; }
#memberModule .publicItem { margin:5px 0 0 0; padding:0; color:#aaa; }
#memberModule .publicItem input { padding:0; margin: 0; }
#memberModule caption{ font-size:11px; font-family:Tahoma; color:#888; text-align:left;}
#memberModule td.openids div { float:left; margin-right:10px; margin-bottom:10px; }
#memberModule td.openids div a { color:#AAA; text-decoration:none;}
#memberModule .openid_user_id { background: url(../img/openid_login_bg.gif) left no-repeat; background-color: #ffffff; background-position: 0 50%; padding:3px 3px 3px 18px; border:1px solid; border-color:#a6a6a6 #d8d8d8 #d8d8d8 #a6a6a6; line-height:1em; vertical-align:middle; color:#666666; width:200px;}
#memberModule .insertOpenID { clear:both; margin-top:10px; }
#memberModule .savedContent { margin-top:10px; border:1px solid #EEE; padding:10px; }
#memberModule .pagination{ padding:15px 0; margin:0; text-align:center; clear:both; }
#memberModule .pagination *{ margin:0; padding:0;}
#memberModule .pagination img{ border:0;}
#memberModule .pagination a,
#memberModule .pagination strong{ position:relative; display:inline-block; text-decoration:none; line-height:normal; color:#333; font-family:Tahoma, Sans-serif; vertical-align:middle;}
#memberModule .pagination a:hover,
#memberModule .pagination a:active,
#memberModule .pagination a:focus{ background-color:#f4f4f4 !important; }
#memberModule .pagination strong{ color:#ff6600 !important;}
#memberModule .pagination a.prev,
#memberModule .pagination a.prevEnd,
#memberModule .pagination a.next,
#memberModule .pagination a.nextEnd{ font-weight:normal !important; border:none !important; margin:0 !important; white-space:nowrap; }
#memberModule .pagination.a1 a,
#memberModule .pagination.a1 strong{ margin:0 -4px; padding:1px 10px 1px 8px; border:none; border-left:1px solid #ccc; border-right:1px solid #ddd; font-weight:bold; font-size:12px; background:#fff;}
#memberModule .pagination.a1 a.prev{ padding-left:10px; background:#fff url(../img/arrowPrevA1.gif) no-repeat left center; }
#memberModule .pagination.a1 a.prevEnd{ padding-left:15px; background:#fff url(../img/arrowPrevEndA1.gif) no-repeat left center; }
#memberModule .pagination.a1 a.next{ padding-right:10px; background:#fff url(../img/arrowNextA1.gif) no-repeat right center; }
#memberModule .pagination.a1 a.nextEnd{ padding-right:15px; background:#fff url(../img/arrowNextEndA1.gif) no-repeat right center; }
#memberModule .memberSmallBox { border:1px solid #EFEFEF; margin:50px auto 20px auto; padding:0; width:400px;}
#memberModule .memberSmallBox .header { padding:10px; font-weight:bold; text-align:center; border-bottom:1px solid #DDD; background:url(../img/bgTab.gif) repeat-x left bottom;}
#memberModule fieldset { position:relative; border:0; margin:0; padding:10px;}
#memberModule .memberSmallBox .login dl { margin:0; padding:0; overflow:hidden; margin-right:10px; width:250px;}
#memberModule .memberSmallBox .login dl dt { margin:0; padding:0; width:100px; clear:left; float:left; color:#54564b; height:24px; padding-top:3px; text-indent:10px;}
#memberModule .memberSmallBox .login dl dd { margin:0; padding:0; float:left; height:27px; width:150px; }
#memberModule .memberSmallBox .login .keep { clear:both; white-space:nowrap; margin-left:100px;}
#memberModule .memberSmallBox .login .keep input { vertical-align:middle;}
#memberModule .memberSmallBox .login .keep label { margin:0; padding:0; font-size:12px; color:#999999;}
#memberModule .memberSmallBox .openid_user_id { background: url(../img/openid_login_bg.gif) left no-repeat; background-color: #ffffff; background-position: 0 50%; padding:3px 3px 3px 18px; border:1px solid; border-color:#a6a6a6 #d8d8d8 #d8d8d8 #a6a6a6; line-height:1em; vertical-align:middle; color:#666666; width:120px;}
#memberModule .memberSmallBox .help { background:#f5f5f3; color:#666666; border-top:1px solid #eaebe7; overflow:hidden; padding:1.1em; color:#ccc;}
#memberModule .memberSmallBox .help a{ color:#666; text-decoration:underline;}
#memberModule .memberSmallBox .buttonArea{ position:absolute; top:10px; left:260px;}
#memberModule ul.checkbox,
#memberModule ul.radio { list-style:none; margin:0; padding:0; }
#memberModule .item{ position:relative; margin:0 0 4px 0}
#memberModule .iLabel{display:block; position:static; left:5px; top:6px; white-space:nowrap; color:#666;}
#memberModule .iText{position:relative; height:14px; padding:4px 5px; font:12px Tahoma; height:14px; color:#666; border:1px solid #b7b7b7; border-right-color:#e1e1e1; border-bottom-color:#e1e1e1; background:transparent;}

View file

@ -14,7 +14,7 @@
<table cellspacing="0" class="rowTable" title="{$lang->email_address}">
<tr>
<th><div><label for="cpw">{$lang->email_address}</label></div></th>
<td class="wide"><input type="text" name="email_address" class="inputTypeText w400" /></td>
<td class="wide"><input type="text" name="email_address" class="iText w400" /></td>
</tr>
<tr>
<th class="button" colspan="2"><span class="button black strong"><input type="submit" value="{$lang->cmd_find_member_account}" accesskey="s" /></span></th>
@ -36,11 +36,11 @@
<table cellspacing="0" class="rowTable" title="{$lang->email_address}">
<tr>
<th><div><label for="cpw">{$lang->user_id}</label></div></th>
<td class="wide"><input type="text" name="user_id" class="inputTypeText" /></td>
<td class="wide"><input type="text" name="user_id" class="iText" /></td>
</tr>
<tr>
<th><div><label for="cpw">{$lang->email_address}</label></div></th>
<td class="wide"><input type="text" name="email_address" class="inputTypeText w400" /></td>
<td class="wide"><input type="text" name="email_address" class="iText w400" /></td>
</tr>
<tr>
@ -52,7 +52,7 @@
<!--@end-->
</select>
<br />
<input type="text" name="find_account_answer" value="" class="inputTypeText w300"/>
<input type="text" name="find_account_answer" value="" class="iText w300"/>
</td>
</tr>

View file

@ -15,7 +15,7 @@
</tr>
<tr>
<th scope="row"><div><label for="cpw">{$lang->password}</label></div></th>
<td><input type="password" name="password" id="cpw" class="inputTypeText" /></td>
<td><input type="password" name="password" id="cpw" class="iText" /></td>
</tr>
<tr>
<th class="button" colspan="2">

View file

@ -1,65 +1,65 @@
<!--#include("./common_header.html")-->
<!--%import("filter/login.xml")-->
<!--%import("filter/openid_login.xml")-->
<script type="text/javascript">
var keep_signed_msg = "{$lang->about_keep_signed}";
xAddEventListener(window, "load", function() { doFocusUserId('fo_member_login'); });
</script>
<!-- XE 로그인 폼 -->
<div class="memberSmallBox">
<div class="header">{$lang->cmd_login}</div>
<form action="./" method="post" onsubmit="return procFilter(this, login)" id="fo_member_login">
<fieldset class="login">
<dl>
<dt><label for="uid">{$lang->user_id}</label></dt>
<dd><input type="text" name="user_id" id="uid" value="" class="inputTypeText w140" /></dd>
<dt><label for="upw">{$lang->password}</label></dt>
<dd><input type="password" name="password" id="upw" value="" class="inputTypeText w140" /></dd>
</dl>
<p class="keep">
<input type="checkbox" name="keep_signed" id="keepid_opt" value="Y" onclick="if(this.checked) return confirm(keep_signed_msg);"/>
<label for="keepid_opt">{$lang->keep_signed}</label>
</p>
<div class="buttonArea">
<span class="button black strong"><input type="submit" value="{$lang->cmd_login}" /></span>
</div>
</fieldset>
</form>
<div class="help tCenter">
<a href="{getUrl('act','dispMemberFindAccount')}"><span>{$lang->cmd_find_member_account}</span></a> |
<a href="{getUrl('act','dispMemberSignUpForm')}"><span>{$lang->cmd_signup}</span></a>
</div>
</div>
<!--@if($member_config->enable_openid=='Y')-->
<!-- OpenID 로그인 폼 -->
<div class="memberSmallBox">
<div class="header">{$lang->openid}</div>
<form action="{getUrl('module','member','act','procMemberOpenIDLogin')}" method="post" onsubmit="return procFilter(this, openid_login)">
<fieldset class="login">
<dl>
<dt><label for="open_uid">{$lang->user_id}</label></dt>
<dd><input type="text" name="openid" id="open_uid" value="" class="openid_user_id" /></dd>
</dl>
<span class="button black strong"><input type="submit" value="{$lang->cmd_login}" /></span>
</fieldset>
<input type="hidden" name="referer_url" value="{$referer_url}" />
</form>
<div class="help tLeft">{$lang->about_openid}</div>
</div>
<!--@end-->
<!--#include("./common_footer.html")-->
<!--#include("./common_header.html")-->
<!--%import("filter/login.xml")-->
<!--%import("filter/openid_login.xml")-->
<script type="text/javascript">
var keep_signed_msg = "{$lang->about_keep_signed}";
xAddEventListener(window, "load", function() { doFocusUserId('fo_member_login'); });
</script>
<!-- XE 로그인 폼 -->
<div class="memberSmallBox">
<div class="header">{$lang->cmd_login}</div>
<form action="./" method="post" onsubmit="return procFilter(this, login)" id="fo_member_login">
<fieldset class="login">
<dl>
<dt><label for="uid">{$lang->user_id}</label></dt>
<dd><input type="text" name="user_id" id="uid" value="" class="iText w140" /></dd>
<dt><label for="upw">{$lang->password}</label></dt>
<dd><input type="password" name="password" id="upw" value="" class="iText w140" /></dd>
</dl>
<p class="keep">
<input type="checkbox" name="keep_signed" id="keepid_opt" value="Y" onclick="if(this.checked) return confirm(keep_signed_msg);"/>
<label for="keepid_opt">{$lang->keep_signed}</label>
</p>
<div class="buttonArea">
<span class="button black strong"><input type="submit" value="{$lang->cmd_login}" /></span>
</div>
</fieldset>
</form>
<div class="help tCenter">
<a href="{getUrl('act','dispMemberFindAccount')}"><span>{$lang->cmd_find_member_account}</span></a> |
<a href="{getUrl('act','dispMemberSignUpForm')}"><span>{$lang->cmd_signup}</span></a>
</div>
</div>
<!--@if($member_config->enable_openid=='Y')-->
<!-- OpenID 로그인 폼 -->
<div class="memberSmallBox">
<div class="header">{$lang->openid}</div>
<form action="{getUrl('module','member','act','procMemberOpenIDLogin')}" method="post" onsubmit="return procFilter(this, openid_login)">
<fieldset class="login">
<dl>
<dt><label for="open_uid">{$lang->user_id}</label></dt>
<dd><input type="text" name="openid" id="open_uid" value="" class="openid_user_id" /></dd>
</dl>
<span class="button black strong"><input type="submit" value="{$lang->cmd_login}" /></span>
</fieldset>
<input type="hidden" name="referer_url" value="{$referer_url}" />
</form>
<div class="help tLeft">{$lang->about_openid}</div>
</div>
<!--@end-->
<!--#include("./common_footer.html")-->

View file

@ -61,7 +61,7 @@
<!--@end-->
</select>
<br />
<input type="text" name="find_account_answer" value="{$member_info->find_account_answer}" class="inputTypeText w300"/>
<input type="text" name="find_account_answer" value="{$member_info->find_account_answer}" class="iText w300"/>
</td>
</tr>
<!--@end-->
@ -165,25 +165,25 @@
<td>
<!--// 일반 text -->
<!--@if($val->column_type == 'text')-->
<input type="text" name="{$val->column_name}" value="{htmlspecialchars($val->value)}" class="inputTypeText w400" />
<input type="text" name="{$val->column_name}" value="{htmlspecialchars($val->value)}" class="iText w400" />
<!--// 홈페이지 주소 -->
<!--@elseif($val->column_type == 'homepage')-->
<input type="text" name="{$val->column_name}" value="{htmlspecialchars($val->value)}" class="inputTypeText w400" />
<input type="text" name="{$val->column_name}" value="{htmlspecialchars($val->value)}" class="iText w400" />
<!--// Email 주소 -->
<!--@elseif($val->column_type == 'email_address')-->
<input type="text" name="{$val->column_name}" value="{htmlspecialchars($val->value)}" class="inputTypeText w400" />
<input type="text" name="{$val->column_name}" value="{htmlspecialchars($val->value)}" class="iText w400" />
<!--// 전화번호 -->
<!--@elseif($val->column_type == 'tel')-->
<input type="text" name="{$val->column_name}" value="{htmlspecialchars($val->value[0])}" size="4" class="inputTypeText" />
<input type="text" name="{$val->column_name}" value="{htmlspecialchars($val->value[1])}" size="4" class="inputTypeText" />
<input type="text" name="{$val->column_name}" value="{htmlspecialchars($val->value[2])}" size="4" class="inputTypeText" />
<input type="text" name="{$val->column_name}" value="{htmlspecialchars($val->value[0])}" size="4" class="iText" />
<input type="text" name="{$val->column_name}" value="{htmlspecialchars($val->value[1])}" size="4" class="iText" />
<input type="text" name="{$val->column_name}" value="{htmlspecialchars($val->value[2])}" size="4" class="iText" />
<!--// textarea -->
<!--@elseif($val->column_type == 'textarea')-->
<textarea name="{$val->column_name}" class="inputTypeTextArea w400">{htmlspecialchars($val->value)}</textarea>
<textarea name="{$val->column_name}" class="iTextArea w400">{htmlspecialchars($val->value)}</textarea>
<!--// 다중 선택 -->
<!--@elseif($val->column_type == 'checkbox')-->
@ -218,28 +218,29 @@
<!--// 한국 주소 검색 -->
<!--@elseif($val->column_type == 'kr_zip')-->
<div class="krZip">
<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="inputTypeText w300"/>
<a href="#" onclick="doHideKrZipList('{$val->column_name}'); return false;" class="button"><span>{$lang->cmd_cancel}</span></a>
<div class="item" id="zone_address_1_{$val->column_name}" style="display:<!--@if($val->value[0])-->block<!--@else-->none<!--@end-->;">
<input type="text" name="{$val->column_name}" value="{$val->value[0]}" class="iText w300"/>
<span class="button"><button type="button" onclick="doHideKrZipList('{$val->column_name}');">{$lang->cmd_modify}</button></span>
</div>
<div id="zone_address_list_{$val->column_name}" style="display:none">
<div class="item" id="zone_address_list_{$val->column_name}" style="display:none">
<select name="_tmp_address_list_{$val->column_name}" class="w300"></select>
<a href="#" onclick="doSelectKrZip('{$val->column_name}'); return false;" class="button"><span>{$lang->cmd_select}</span></a>
<a href="#" onclick="doHideKrZipList('{$val->column_name}'); return false;" class="button"><span>{$lang->cmd_cancel}</span></a>
<span class="button"><button type="button" onclick="doSelectKrZip('{$val->column_name}');">{$lang->cmd_select}</button></span>
<span class="button"><button type="button" onclick="doHideKrZipList('{$val->column_name}');">{$lang->cmd_cancel}</button></span>
</div>
<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="inputTypeText w300" value="" />
<a href="#" onclick="doSearchKrZip('{$val->column_name}'); return false;" class="button"><span>{$lang->cmd_search}</span></a>
<div class="item" id="zone_address_search_{$val->column_name}" style="display:<!--@if($val->value[0])-->none<!--@else-->block<!--@end-->;">
<label for="kr_address1" class="iLabel">{$lang->msg_kr_address}</label>
<input type="text" name="_tmp_address_search_{$val->column_name}" class="iText w300" value="" />
<span class="button"><button type="button" onclick="doSearchKrZip('{$val->column_name}');">{$lang->cmd_search}</button></span>
</div>
<div class="address2">
<input type="text" name="{$val->column_name}" value="{htmlspecialchars($val->value[1])}" class="inputTypeText w300"/>
<div class="item address2">
<label for="kr_address2" class="iLabel">{$lang->msg_kr_address_etc}</label>
<input type="text" name="{$val->column_name}" value="{htmlspecialchars($val->value[1])}" class="iText w300"/>
</div>
</div>
<!--// 일본 주소 검색 -->
<!--@elseif($val->column_type == 'jp_zip')-->
<input type="text" name="{$val->column_name}" value="{htmlspecialchars($val->value)}" class="inputTypeText w300" />
<input type="text" name="{$val->column_name}" value="{htmlspecialchars($val->value)}" class="iText w300" />
<!--// 날짜 입력 -->
<!--@elseif($val->column_type == 'date')-->

View file

@ -13,16 +13,16 @@
</tr>
<tr>
<th scope="row"><div><label for="cpw">{$lang->current_password}</label></div></th>
<td><input type="password" name="current_password" id="cpw" class="inputTypeText" /></td>
<td><input type="password" name="current_password" id="cpw" class="iText" /></td>
</tr>
<tr>
<th scope="row"><div><label for="npw1">{$lang->password1}</label>
<br /><br />
<label for="npw2">{$lang->password2}</label></div></th>
<td>
<input type="password" name="password1" id="npw1" class="inputTypeText" />
<input type="password" name="password1" id="npw1" class="iText" />
<br />
<input type="password" name="password2" id="npw2" class="inputTypeText" />
<input type="password" name="password2" id="npw2" class="iText" />
<br />
<p>{$lang->about_password}</p>
</td>

View file

@ -9,7 +9,7 @@
<table cellspacing="0" class="rowTable">
<tr>
<th scope="row">{$lang->email_address}</th>
<td><input type="text" name="email_address" value="" class="inputTypeText" /></td>
<td><input type="text" name="email_address" value="" class="iText" /></td>
</tr>
<tr>
<th colspan="2"><span class="button black"><input type="submit" value="{$lang->cmd_resend_auth_mail}" /></span></th>

View file

@ -28,32 +28,32 @@
</tr>
<tr>
<th><div>{$lang->user_id} <span class="require">*</span></div></th>
<td class="wide"><input type="text" name="user_id" value="" class="inputTypeText"/> <p>{$lang->about_user_id}</p> </td>
<td class="wide"><input type="text" name="user_id" value="" class="iText"/> <p>{$lang->about_user_id}</p> </td>
</tr>
<tr>
<th><div>{$lang->password} <span class="require">*</span></div></th>
<td><input type="password" name="password1" value="" class="inputTypeText"/><p>{$lang->about_password}</p></td>
<td><input type="password" name="password1" value="" class="iText"/><p>{$lang->about_password}</p></td>
</tr>
<tr>
<th><div>{$lang->password2} <span class="require">*</span></div></th>
<td><input type="password" name="password2" value="" class="inputTypeText"/></td>
<td><input type="password" name="password2" value="" class="iText"/></td>
</tr>
<tr>
<th><div>{$lang->user_name} <span class="require">*</span></div></th>
<td>
<input type="text" name="user_name" value="" class="inputTypeText"/><p>{$lang->about_user_name}</p>
<input type="text" name="user_name" value="" class="iText"/><p>{$lang->about_user_name}</p>
</td>
</tr>
<tr>
<th><div>{$lang->nick_name} <span class="require">*</span></div></th>
<td>
<input type="text" name="nick_name" value="" class="inputTypeText"/><p>{$lang->about_nick_name}</p>
<input type="text" name="nick_name" value="" class="iText"/><p>{$lang->about_nick_name}</p>
</td>
</tr>
<tr>
<th><div>{$lang->email_address} <span class="require">*</span></div></th>
<td>
<input type="text" name="email_address" value="" class="inputTypeText"/><p>{$lang->about_email_address}</p>
<input type="text" name="email_address" value="" class="iText"/><p>{$lang->about_email_address}</p>
</td>
</tr>
<!--@if(count($lang->find_account_question_items)>1)-->
@ -66,27 +66,27 @@
<!--@end-->
</select>
<br />
<input type="text" name="find_account_answer" value="" class="inputTypeText w300"/>
<input type="text" name="find_account_answer" value="" class="iText w300"/>
</td>
</tr>
<!--@end-->
<tr>
<th><div>{$lang->homepage}</div></th>
<td>
<input type="text" name="homepage" value="" class="inputTypeText"/><p>{$lang->about_homepage}</p>
<input type="text" name="homepage" value="" class="iText"/><p>{$lang->about_homepage}</p>
</td>
</tr>
<tr>
<th><div>{$lang->blog}</div></th>
<td>
<input type="text" name="blog" value="" class="inputTypeText"/><p>{$lang->about_blog_url}</p>
<input type="text" name="blog" value="" class="iText"/><p>{$lang->about_blog_url}</p>
</td>
</tr>
<tr>
<th><div>{$lang->birthday}</div></th>
<td>
<input type="hidden" name="birthday" id="date_birthday" value="" />
<input type="text" value="" readonly="readonly" class="inputDate inputTypeText" />
<input type="text" value="" readonly="readonly" class="inputDate iText" />
<span class="button"><input type="button" value="{$lang->cmd_delete}" class="dateRemover" /></span>
<p>{$lang->about_birthday}</p>
</td>
@ -109,25 +109,25 @@
<td>
<!--// 일반 text -->
<!--@if($val->column_type == 'text')-->
<input type="text" name="{$val->column_name}" value="{htmlspecialchars($val->value)}" class="inputTypeText w400" />
<input type="text" name="{$val->column_name}" value="{htmlspecialchars($val->value)}" class="iText w400" />
<!--// 홈페이지 주소 -->
<!--@elseif($val->column_type == 'homepage')-->
<input type="text" name="{$val->column_name}" value="{htmlspecialchars($val->value)}" class="inputTypeText w400" />
<input type="text" name="{$val->column_name}" value="{htmlspecialchars($val->value)}" class="iText w400" />
<!--// Email 주소 -->
<!--@elseif($val->column_type == 'email_address')-->
<input type="text" name="{$val->column_name}" value="{htmlspecialchars($val->value)}" class="inputTypeText w400" />
<input type="text" name="{$val->column_name}" value="{htmlspecialchars($val->value)}" class="iText w400" />
<!--// 전화번호 -->
<!--@elseif($val->column_type == 'tel')-->
<input type="text" name="{$val->column_name}" value="{htmlspecialchars($val->value[0])}" size="4" class="inputTypeText" />
<input type="text" name="{$val->column_name}" value="{htmlspecialchars($val->value[1])}" size="4" class="inputTypeText" />
<input type="text" name="{$val->column_name}" value="{htmlspecialchars($val->value[2])}" size="4" class="inputTypeText" />
<input type="text" name="{$val->column_name}" value="{htmlspecialchars($val->value[0])}" size="4" class="iText" />
<input type="text" name="{$val->column_name}" value="{htmlspecialchars($val->value[1])}" size="4" class="iText" />
<input type="text" name="{$val->column_name}" value="{htmlspecialchars($val->value[2])}" size="4" class="iText" />
<!--// textarea -->
<!--@elseif($val->column_type == 'textarea')-->
<textarea name="{$val->column_name}" class="inputTypeTextArea w400">{htmlspecialchars($val->value)}</textarea>
<textarea name="{$val->column_name}" class="iTextArea w400">{htmlspecialchars($val->value)}</textarea>
<!--// 다중 선택 -->
<!--@elseif($val->column_type == 'checkbox')-->
@ -162,22 +162,23 @@
<!--// 한국 주소 검색 -->
<!--@elseif($val->column_type == 'kr_zip')-->
<div class="krZip">
<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="inputTypeText w400"/>
<a href="#" onclick="doHideKrZipList('{$val->column_name}'); return false;" class="button"><span>{$lang->cmd_cancel}</span></a>
<div class="item" id="zone_address_1_{$val->column_name}" style="display:<!--@if($val->value[0])-->block<!--@else-->none<!--@end-->;">
<input type="text" name="{$val->column_name}" value="{$val->value[0]}" class="iText w300" readonly="readonly" />
<span class="button"><button type="button" onclick="doHideKrZipList('{$val->column_name}');">{$lang->cmd_modify}</button></span>
</div>
<div id="zone_address_list_{$val->column_name}" style="display:none">
<div class="item" id="zone_address_list_{$val->column_name}" style="display:none">
<select name="_tmp_address_list_{$val->column_name}" class="w300"></select>
<a href="#" onclick="doSelectKrZip('{$val->column_name}'); return false;" class="button"><span>{$lang->cmd_select}</span></a>
<a href="#" onclick="doHideKrZipList('{$val->column_name}'); return false;" class="button"><span>{$lang->cmd_cancel}</span></a>
<span class="button"><button type="button" onclick="doSelectKrZip('{$val->column_name}');">{$lang->cmd_select}</button></span>
<span class="button"><button type="button" onclick="doHideKrZipList('{$val->column_name}');">{$lang->cmd_cancel}</button></span>
</div>
<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="inputTypeText w400" value="" />
<a href="#" onclick="doSearchKrZip('{$val->column_name}'); return false;" class="button"><span>{$lang->cmd_search}</span></a>
<div class="item" id="zone_address_search_{$val->column_name}" style="display:<!--@if($val->value[0])-->none<!--@else-->block<!--@end-->;">
<label for="kr_address1" class="iLabel">{$lang->msg_kr_address}</label>
<input type="text" name="_tmp_address_search_{$val->column_name}" id="kr_address1" class="iText w200" value="" />
<span class="button"><button type="button" onclick="doSearchKrZip('{$val->column_name}');">{$lang->cmd_search}</button></span>
</div>
<div class="address2">
<input type="text" name="{$val->column_name}" value="{htmlspecialchars($val->value[1])}" class="inputTypeText w400" />
<div class="item address2">
<label for="kr_address2" class="iLabel">{$lang->msg_kr_address_etc}</label>
<input type="text" name="{$val->column_name}" value="{htmlspecialchars($val->value[1])}" class="iText w300" />
</div>
</div>
@ -188,7 +189,7 @@
<!--// 날짜 입력 -->
<!--@elseif($val->column_type == 'date')-->
<input type="hidden" name="{$val->column_name}" id="date_{$val->column_name}" value="{$val->value}" />
<input type="text" class="inputDate inputTypeText" value="{zdate($val->value,'Y-m-d')}" readonly="readonly" />
<input type="text" class="inputDate iText" value="{zdate($val->value,'Y-m-d')}" readonly="readonly" />
<span class="button"><input type="button" value="{$lang->cmd_delete}" class="dateRemover" /></span>
<!--@end-->