git-svn-id: http://xe-core.googlecode.com/svn/trunk@1786 201d5d3c-b55e-5fd7-737f-ddc643e51545

layouts/sample_layout_php_menu/layout.html

@@ -32,7 +32,7 @@
 <!-- 왼쪽 2차 메뉴 및 로그인과 기타 위젯 부분 -->
 <div class="layout_left">
     <!-- 로그인 위젯 -->
-    <img src="./common/tpl/images/blank.gif" class="zbxe_widget_output" widget="login_info" skin="default" colorset="normal" />
+    <img src="./common/tpl/images/blank.gif" class="zbxe_widget_output" widget="login_info" skin="default" colorset="default" />
 
     <!-- main_menu 2차 시작 -->
     <div class="layout_second_menu">

modules/member/lang/ko.lang.php

@@ -72,7 +72,7 @@
 
     $lang->cmd_login = '로그인';
     $lang->cmd_logout = '로그아웃';
-    $lang->cmd_signup = '가입';
+    $lang->cmd_signup = '회원 가입';
     $lang->cmd_modify_member_info = '회원정보 수정';
     $lang->cmd_modify_member_password = '비밀번호 변경';
     $lang->cmd_view_member_info = '회원정보 보기';

widgets/login_info/skins/default/css/default.css

@@ -0,0 +1,42 @@
+.fc_01 { color:#797771; }
+.fc_02 { color:#9A9893; }
+
+.box_login { border:solid 3px #D5D8DB; background:#FFFFFE; margin-bottom:10px;}
+.box_login .form_field { float:left; margin:9px 9px 0 9px; height:55px; }
+.box_login .form_field div { margin-top:2px; margin-bottom:3px; }
+.box_login input.submit { width:45px; height:45px; background:url(../images/default/login_btn_submit.gif) no-repeat; border:none; margin:9px 0 0 0; cursor:pointer; }
+.box_login .input { width:140px; background-color: #ffffff;  border:1px solid; border-color:#a6a6a6 #d8d8d8 #d8d8d8 #a6a6a6;  padding:2px; height:14px; margin:0px; cursor:text; color:#666666;}
+.box_login ul.option { clear:both; height:20px; margin:0 0 0 9px;}
+.box_login ul.option li { float:left; }
+.box_login ul.option li a.btn { background:url(../images/default/bul_01.gif) no-repeat left; padding-left:10px; margin-left:14px; }
+.box_login .checkbox  { width:15px; height:15px; margin:-1px 0px 0px -1px; margin-right:2px; }
+.box_login .clear { clear:both; }
+
+.openid_login { clear:both; height:38px; border:3px solid #D5D8DB; margin-bottom:10px; }
+.openid_login .openid_user_id { width:120px; background: url(../images/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; height:16px; line-height:1em; vertical-align:middle; margin-bottom:.5em; color:#666666;}
+
+.openid_login .buttonTypeA { display:block; cursor:pointer; background:url(../images/default/buttonTypeACenter.gif) repeat-x left center; line-height:100%; overflow:visible; color:#3f4040; margin:0 1px; white-space:nowrap;border:0px;}
+.openid_login .buttonTypeA:hover { text-decoration:none;}
+.openid_login .buttonTypeA img { vertical-align:middle;}
+.openid_login .buttonTypeA input { border:none; cursor:pointer; background:url(../images/default/buttonTypeACenter.gif) repeat-x left center; line-height:100%; overflow:visible; color:#3f4040; margin:0 1px; white-space:nowrap;border:0px; _position:relative; _top:3px;}
+.openid_login .buttonTypeA .leftCap { width:2px; height:24px; background:url(../images/default/buttonTypeALeft.gif) no-repeat; margin:0 .3em 0 0;  position:relative; left:-1px;}
+.openid_login .buttonTypeA .rightCap { width:2px; height:24px; background:url(../images/default/buttonTypeARight.gif) no-repeat; margin:0 -1px 0 .4em;}
+.openid_login .buttonTypeA .icon { margin:0 .2em;}
+.openid_login .buttonWrite ul { text-align:center; clear:both; display:block;}
+.openid_login .buttonWrite li { margin-top:.5em; float:left; margin-left:.3em;}
+
+.box_login .item { background:url(../images/default/bul_01.gif) no-repeat left; height:16px; padding:3px 0px 0px 20px; margin-left:5px; margin-top:2px; }
+.box_login .item a { color:#666666; }
+
+.box_login .hr_dot_01 { background:url(../images/default/hr_dot_01.gif) repeat-x; height:2px; overflow:hidden; clear:both; margin:0px 0px 4px 0px; }
+
+.box_login div.login_user { font-weight:bold; float:left; margin-top:2px; margin:9px 0px 2px 9px;}
+.box_login div.logout { font-weight:bold; float:right; margin-top:2px;margin:9px 9px 2px 0;}
+.box_login div.logout a { color:#888888; }
+.box_login div.item { font-size:11px; letter-spacing:-1px; margin-right:10px; padding:3px 0px 0px 20px; white-space:nowrap; }
+.box_login div.profile { width:70px; float:left; background:url(../images/default/icon_profile.gif) no-repeat left; }
+.box_login div.message { width:70px; float:left; background:url(../images/default/icon_note.gif) no-repeat left; }
+.box_login div.friend { float:left; background:url(../images/default/icon_friend.gif) no-repeat left; }
+.box_login div.administrative { float:left; background:url(../images/default/icon_key.gif) no-repeat left; margin-right:0px; }
+.box_login div.administrative a { color:#D80D0F; }
+.box_login div.lastlogin { clear:both; }

widgets/login_info/skins/default/css/normal.css

@@ -1,158 +0,0 @@
-.login_widget {
-    border:3px solid #DDDDDD;
-    padding:6px;
-    margin-bottom:10px;
-}
-
-.login_widget .top_box {
-    height:22px;
-    border-bottom:2px dotted #DDDDDD;
-    overflow:hidden;
-    margin-bottom:5px;
-}
-
-.login_widget .top_box .nick_name {
-    font-weight:bold;
-    float:left;
-    color:#555555;
-}
-
-.login_widget .top_box .logout {
-    float:right;
-}
-
-.login_widget .top_box .logout A {
-    text-decoration:none;
-    color:#737CF5;
-}
-
-.login_widget .top_box .logout A:hover {
-    font-weight:bold;
-    letter-spacing:-1px;
-    color:#151F9E;
-}
-
-
-.login_widget .info_box {
-    clear:both;
-    color:#555555;
-}
-
-.login_widget .info_box A:link {
-    text-decoration:none;
-    color:#555555;
-}
-
-.login_widget .info_box A:visited {
-    text-decoration:none;
-    color:#555555;
-}
-
-.login_widget .info_box A:hover {
-    text-decoration:none;
-    font-weight:bold;
-    letter-spacing:-1px;
-    color:#555555;
-}
-
-.login_widget .info_box div {
-    padding-left:15px;
-    margin:0px 0px 4px 0px;
-}
-
-.login_widget .info_box .member_info {
-    background:url("../images/icon_profile.gif") no-repeat left;
-    float:left;
-    width:90px;
-}
-
-.login_widget .info_box .friend_list {
-    background:url("../images/icon_friend_list.gif") no-repeat left;
-    float:left;
-}
-
-.login_widget .info_box .message_box {
-    background:url("../images/icon_message_box.gif") no-repeat left;
-    float:left;
-    width:90px;
-}
-
-.login_widget .info_box .link_admin {
-    background:url("../images/icon_key.gif") no-repeat left;
-    float:left;
-}
-
-.login_widget .info_box .link_admin A {
-    color:#cd0000;
-}
-
-.login_widget .info_box .last_login {
-    clear:left;
-    background:url("../images/icon_last_login.gif") no-repeat left;
-    padding-left:15px;
-    margin-bottom:4px;
-}
-
-
-.login_widget .login_box {
-    height:40px;
-}
-
-.login_widget .header {
-    float:left;
-    clear:left;
-    width:80px;
-    margin-bottom:5px;
-    font-weight:bold;
-    color:#555555;
-}
-
-.login_widget .body {
-    float:left;
-    width:100px;
-    margin-bottom:5px;
-}
-
-.login_widget .body .input {
-    width:90px;
-    height:13px;
-    border:1px solid #AAAAAA;
-    color:#555555;
-}
-
-.login_widget .body label {
-    cursor:pointer;
-}
-
-.login_widget .button_area {
-    clear:both;
-    height:20px;
-    margin-top:5px;
-    text-align:center;
-}
-
-.login_widget .button_area .submit_button {
-    width:80px;
-    height:18px;
-    border:1px solid #AAAAAA;
-    background-color:#555555;
-    color:#FFFFFF;
-    font-weight:bold;
-}
-
-.login_widget .button_area .signup_button {
-    width:80px;
-    height:18px;
-    border:1px solid #555555;
-    background-color:#FFFFFF;
-    color:#000000;
-    font-weight:bold;
-}
-
-.openid_user_id { 
-    background: url(../images/login-bg.gif) left no-repeat;
-    background-color: #ffffff; 
-    background-position: 0 50%;
-    color: #000;
-    padding-left: 18px; 
-}

widgets/login_info/skins/default/login_form.html

@@ -1,54 +1,47 @@
 <!-- colorset의 값에 따라 css 파일을 import 한다 -->
-<!--@if($colorset=="normal"||!$colorset)-->
+<!--@if($colorset=="default"||!$colorset)-->
-    <!--%import("normal/style.css")-->
+    <!--%import("css/default.css")-->
 <!--@end-->
 
 <!--%import("./filter/login.xml")-->
 <!--%import("./filter/openid_login.xml")-->
 <!--%import("./js/login.js")-->
 
-<div class="login_widget">
+<div class="box_login fc_01" id="box_login">
-    <form action="./" method="get" onsubmit="return procFilter(this, widget_login)" id="fo_login_widget">
+  <form action="./" method="get" onsubmit="return procFilter(this, widget_login)" id="fo_login_widget">
-        <div class="login_box">
+      <div class="form_field">
-            <div class="header">{$lang->user_id}</div>
+            <div>
-            <div class="body">
+                <input name="user_id" type="text" class="input" id="login_form_user_id" />
-                <div><input type="text" name="user_id" id="login_form_user_id" class="input" /></div>
-                <div>
-                    <input type="checkbox" name="remember_user_id" id="chk_remember_user_id" value="Y" />
-                    <label for="chk_remember_user_id">{$lang->remember_user_id}</label>
-                </div>
             </div>
+            <div>
+                <input name="password" type="password" class="input" />
+            </div>
+      </div>
 
+      <div><input type="submit" value=" " class="submit" /></div>
+  </form>
+  <ul class="option">
+    <li><input type="checkbox" name="remember_user_id" id="chk_remember_user_id" value="Y" class="checkbox" /></li>
+    <li><label for="chk_remember_user_id">{$lang->remember_user_id}</label></li>
+    <li><a href="{getUrl('act','dispMemberSignUpForm')}" class="fc_02 btn">{$lang->cmd_signup}</a></li>
+  </ul>
+  <div class="clear"></div>
 
-            <div class="header">{$lang->password}</div>
+  <script type="text/javascript">
-            <div class="body"><input type="password" name="password" class="input" /></div>
+      xAddEventListener(window, "load", function(){ doFocusUserId("fo_login_widget"); });
-        </div>
+  </script>
-
+</div>
-        <div class="button_area">
+
-            <input type="submit" value="{$lang->cmd_login}" class="submit_button" /> 
+<!-- OpenID -->
-            <input type="button" value="{$lang->cmd_signup}" class="signup_button" onclick="location.href='{getUrl('act','dispMemberSignUpForm')}';return false;" />
+<!--@if($member_config->enable_openid=='Y')-->
-        </div>
+<div class="openid_login fc_01" id="box_login">
-    </form>
+  <form action="./" method="post" onsubmit="return procFilter(this, openid_login)" >
-
+      <div class="buttonWrite">
-    <script type="text/javascript">
+        <ul>
-        xAddEventListener(window, "load", function(){ doFocusUserId("fo_login_widget"); });
+          <li><input type="text" name="user_id" class="openid_user_id" /></li>
-    </script>
+          <li><span class="buttonTypeA"><img src="./images/blank.gif" alt="" class="leftCap" /><input type="submit" value="{$lang->cmd_login}" accesskey="s" /><img src="./images/blank.gif" alt="" class="rightCap" /></span></li>
-
+        </ul>
-    <!-- OpenID -->
+      </div>
-    <!--@if($member_config->enable_openid=='Y')-->
+  </form>
-    <form action="./" method="post" onsubmit="return procFilter(this, openid_login)">
+  <!--@end-->
-        <table border="1">
-        <tr>
-            <th>{$lang->openid}</th>
-        </tr>
-        <tr>
-            <td>
-                <input type="text" name="user_id" tabindex="1" class="openid_user_id" />
-                <input type="submit" value="{$lang->cmd_login}" tabindex="2" />
-            </td>
-        </tr>
-        </table>
-    </form>
-    <!--@end-->
-
 </div>

widgets/login_info/skins/default/login_info.html

@@ -1,47 +1,18 @@
 <!-- colorset의 값에 따라 css 파일을 import 한다 -->
-<!--@if($colorset=="normal"||!$colorset)-->
+<!--@if($colorset=="default"||!$colorset)-->
-    <!--%import("normal/style.css")-->
+    <!--%import("css/default.css")-->
 <!--@end-->
 
 <!--%import("./filter/logout.xml")-->
-<div class="login_widget">
+<div class="box_login fc_01">
-
+  <div class="logout"><a href="{getUrl('act','dispMemberLogout')}">{$lang->cmd_logout}</a></div>
-    <!-- 닉네임 + 로그아웃 -->
+  <div class="login_user"><div class="member_{$logged_info->member_srl}">{$logged_info->nick_name}</div></div>
-    <div class="top_box">
+  <div class="hr_dot_01"></div>
-        <div class="logout">
+  <div class="item profile"><a href="{getUrl('act','dispMemberInfo')}">{$lang->cmd_view_member_info}</a></div>
-            <a href="#" onclick="location.href='{getUrl('act','dispMemberLogout')}';return false;">{$lang->cmd_logout}</a>
+  <div class="item friend"><a href="{getUrl('act','dispMemberFriend')}">{$lang->cmd_view_friend}</a></div>
-        </div>
+  <div class="item message"><a href="{getUrl('act','dispMemberMessages')}">{$lang->cmd_view_message_box}</a></div>
-        <div class="nick_name">
+  <!--@if($logged_info->is_admin=="Y")-->
-            <div class="member_{$logged_info->member_srl}">{$logged_info->nick_name}</div>
+  <div class="item administrative"><a href="#" onclick="winopen('./?module=admin');return false;">{$lang->cmd_management}</a></div>
-        </div>
+  <!--@end-->
-    </div>
+  <div class="item lastlogin">{$lang->last_login} : {zDate($logged_info->last_login, "Y-m-d H:i")}</div>
-
-    <div class="info_box">
-
-        <!-- 정보 수정 링크 -->
-        <div class="member_info">
-            <a href="#" onclick="location.href='{getUrl('act','dispMemberInfo')}';return false;">{$lang->cmd_view_member_info}</a>
-        </div>
-
-        <div class="friend_list">
-            <a href="#" onclick="popopen('{getUrl('','module','member','act','dispMemberFriend')}','sendMessage');return false;">{$lang->cmd_view_friend}</a>
-        </div>
-
-        <div class="message_box">
-            <a href="#" onclick="location.href='{getUrl('act','dispMemberMessages')}';return false;">{$lang->cmd_view_message_box}</a>
-        </div>
-
-        <!-- 관리자일 경우 관리자 링크 -->
-        <!--@if($logged_info->is_admin=="Y")-->
-            <div class="link_admin">
-                <a href="#" onclick="winopen('./?module=admin');return false;">{$lang->cmd_management}</a>
-            </div>
-        <!--@end-->
-
-        <!-- 최종 록그인 시간 -->
-        <div class="last_login">
-            {$lang->last_login} : {zDate($logged_info->last_login, "Y-m-d H:i")}
-        </div>
-
-    </div>
 </div>

widgets/login_info/skins/default/skin.xml

@@ -6,7 +6,7 @@
     <description xml:lang="ko">newest_document의 기본 스킨</description>
   </maker>
   <colorset>
-    <color name="normal">
+    <color name="default">
       <title xml:lang="ko">기본</title>
     </color>
   </colorset>