사용하지 않는 img 파일들 정리 및 아웃로그인 설문조사 스킨 동기화

skin/outlogin/shop_outlogin/outlogin.skin.1.php

@@ -1,107 +1,66 @@
 <?
 if (!defined("_GNUBOARD_")) exit; // 개별 페이지 접근 불가
-
-if ($g4['https_url']) {
-    $outlogin_url = $_GET['url'];
-    if ($outlogin_url) {
-        if (preg_match("/^\.\.\//", $outlogin_url)) {
-            $outlogin_url = urlencode($g4[url]."/".preg_replace("/^\.\.\//", "", $outlogin_url));
-        }
-        else {
-            $purl = parse_url($g4[url]);
-            if ($purl[path]) {
-                $path = urlencode($purl[path]);
-                $urlencode = preg_replace("/".$path."/", "", $urlencode);
-            }
-            $outlogin_url = $g4[url].$urlencode;
-        }
-    }
-    else {
-        $outlogin_url = $g4[url];
-    }
-}
-else {
-    $outlogin_url = $urlencode;
-}
 ?>
 
-<script type="text/javascript" language=JavaScript>
-// 엠파스 로긴 참고
-var bReset = true;
-function chkReset(f)
-{
-    if (bReset) { if ( f.mb_id.value == '아이디' ) f.mb_id.value = ''; bReset = false; }
-    document.getElementById("pw1").style.display = "none";
-    document.getElementById("pw2").style.display = "";
-}
-</script>
+<link rel="stylesheet" href="<?=$outlogin_skin_url?>/style.css">
 
-<table bgcolor=#CCCCCC width=187 cellpadding=1 cellspacing=0>
-<form name="fhead" method="post" onsubmit="return fhead_submit(this);" autocomplete="off">
-<input type="hidden" name="url" value="<?=$outlogin_url?>">
-<tr>
-    <td>
-        <table width=100% bgcolor=#FFFFFF cellpadding=0 cellspacing=0 border=0 height=97>
-        <tr><td colspan=2 height=5></td></tr>
-        <tr>
-            <td>
-                <table width=100% bgcolor=#FFFFFF cellpadding=0 cellspacing=0 border=0>
-                <tr>
-                    <td>&nbsp;&nbsp;&nbsp;<img src='<?=$outlogin_skin_path?>/img/icon_id.gif'>&nbsp;</td>
-                    <td><input class=ed name="mb_id" type="text" size="14" maxlength="20"  value='아이디' onMouseOver='chkReset(this.form);' onFocus='chkReset(this.form);'></td>
-                </tr>
-                <tr>
-                    <td>&nbsp;&nbsp;&nbsp;<img src='<?=$outlogin_skin_path?>/img/icon_pw.gif'>&nbsp;</td>
-                    <td id=pw1><input class=ed type="text" size="14" maxlength="20"  value='패스워드' onMouseOver='chkReset(this.form);' onfocus='chkReset(this.form);'>
-                    <td id=pw2 style='display:none;'><input class=ed name="mb_password" id="outlogin_mb_password" type="password" size="14" maxlength="20"  onMouseOver='chkReset(this.form);' onfocus='chkReset(this.form);' onKeyPress="check_capslock(event, 'outlogin_mb_password');"></td>
-                </tr>
-                </table></td>
-            <td><input type=image src='<?=$outlogin_skin_path?>/img/btn_login.gif' border=0></td>
-        </tr>
-        <tr>
-            <td colspan=2 align=center>
-                <input type="checkbox" name="auto_login" value="1" onclick="if (this.checked) { if (confirm('자동로그인을 사용하시면 다음부터 회원아이디와 패스워드를 입력하실 필요가 없습니다.\n\n\공공장소에서는 개인정보가 유출될 수 있으니 사용을 자제하여 주십시오.\n\n자동로그인을 사용하시겠습니까?')) { this.checked = true; } else { this.checked = false; } }"><span style='font-size:11px; font-family:돋움;'>자동로그인</span>
-                <? if ($g4[https_url]) { ?>
-                <input type="checkbox" name="ssl_login" value="1" checked><span style='font-size:11px; font-family:돋움;'>보안로그인</span>
-                <? } ?>
-            </td>
-        </tr>
-        <tr>
-            <td colspan=2 align=center>
-                <a href="javascript:win_password_lost();"><img src='<?=$outlogin_skin_path?>/img/btn_find.gif' border=0></a>
-                <a href="<?=$g4[bbs_path]?>/register.php"><img src='<?=$outlogin_skin_path?>/img/btn_join.gif' border=0></a>
-            </td>
-        </tr>
-        </table>
-    </td>
-</tr>
-</form>
-</table>
+<section id="ol_before" class="ol">
+    <h2>회원로그인</h2>
+    <!-- 로그인 전 외부로그인 시작 -->
+    <form name="foutlogin" action="<?=$outlogin_action_url?>" onsubmit="return fhead_submit(this);" method="post" autocomplete="off">
+    <fieldset>
+        <input type="hidden" name="url" value="<?=$outlogin_url?>">
+        <label for="ol_id" id="ol_idlabel">회원아이디<strong class="sound_only">필수</strong></label>
+        <input type="text" id="ol_id" name="mb_id" required class="required" maxlength="20">
+        <label for="ol_pw" id="ol_pwlabel">패스워드<strong class="sound_only">필수</strong></label>
+        <input type="password" name="mb_password" id="ol_pw" required class="required" maxlength="20">
+        <input type="submit" id="ol_submit" value="로그인">
+        <div id="ol_svc">
+            <a href="<?=G4_BBS_URL?>/register.php"><b>회원가입</b></a>
+            <a href="<?=G4_BBS_URL?>/password_lost.php" id="ol_password_lost">정보찾기</a>
+            <input type="checkbox" name="auto_login" value="1" id="auto_login">
+            <label for="auto_login" id="auto_login_label">자동로그인</label>
+        </div>
+    </fieldset>
+    </form>
+</section>
+
+<script>
+$omi = $('#ol_id');
+$omp = $('#ol_pw');
+$omp.css('display','inline-block').css('width',104);
+$omi_label = $('#ol_idlabel');
+$omi_label.addClass('ol_idlabel');
+$omp_label = $('#ol_pwlabel');
+$omp_label.addClass('ol_pwlabel');
+
+$(function() {
+    $omi.focus(function() {
+        $omi_label.css('visibility','hidden');
+    });
+    $omp.focus(function() {
+        $omp_label.css('visibility','hidden');
+    });
+    $omi.blur(function() {
+        $this = $(this);
+        if($this.attr('id') == "ol_id" && $this.attr('value') == "") $omi_label.css('visibility','visible');
+    });
+    $omp.blur(function() {
+        $this = $(this);
+        if($this.attr('id') == "ol_pw" && $this.attr('value') == "") $omp_label.css('visibility','visible');
+    });
+
+    $("#auto_login").click(function(){
+        if ($(this).is(":checked")) {
+            if(!confirm("자동로그인을 사용하시면 다음부터 회원아이디와 패스워드를 입력하실 필요가 없습니다.\n\n공공장소에서는 개인정보가 유출될 수 있으니 사용을 자제하여 주십시오.\n\n자동로그인을 사용하시겠습니까?"))
+                return false;
+        }
+    });
+});
 
-<script language="JavaScript">
 function fhead_submit(f)
 {
-    if (!f.mb_id.value)
-    {
-        alert("회원아이디를 입력하십시오.");
-        f.mb_id.focus();
-        return false;
-    }
-
-    if (document.getElementById('pw2').style.display!='none' && !f.mb_password.value)
-    {
-        alert("패스워드를 입력하십시오.");
-        f.mb_password.focus();
-        return false;
-    }
-
-    <?
-    if ($g4[https_url])
-        echo "f.action = '$g4[https_url]/$g4[bbs]/login_check.php';";
-    else
-        echo "f.action = '$g4[bbs_path]/login_check.php';";
-    ?>
-
-    f.submit();
+    return true;
 }
 </script>
+<!-- 로그인 전 외부로그인 끝 -->

skin/outlogin/shop_outlogin/outlogin.skin.2.php

@@ -1,25 +1,45 @@
 <?
-if (!defined("_GNUBOARD_")) exit; // 개별 페이지 접근 불가 
+if (!defined("_GNUBOARD_")) exit; // 개별 페이지 접근 불가
 ?>
 
-<table width=187 cellpadding=1 cellspacing=0 bgcolor=#cccccc>
-<tr>
-    <td>
-        <table width=100% bgcolor=#FFFFFF cellpadding=0 cellspacing=0 height=97>
-        <tr><td height=6></td></tr>
-        <tr><td align=center height=20><FONT COLOR="#0083B9"><?=$nick?></FONT>님 
-            <? if ($is_admin == "super" || $is_auth) { ?><a href="<?=$g4[admin_path]?>/"><img src="<?=$outlogin_skin_path?>/img/admin.gif" width="33" height="15" border="0" align="absmiddle"></a><? } ?></td></tr>
-        <tr><td align=center height=20><a href="javascript:win_point();"><font color="#737373">포인트 : <b><?=$point?></b> 점</font></a></td></tr>
-        <tr><td align=center height=25>
-            <a href="<?=$g4[bbs_path]?>/logout.php"><img src='<?=$outlogin_skin_path?>/img/btn_logout.gif' border=0></a>
-            <a href="<?=$g4[bbs_path]?>/member_confirm.php?url=register_form.php"><img src='<?=$outlogin_skin_path?>/img/btn_modify.gif' border=0></a>
-            </td></tr>
-        <tr><td align=center>&nbsp;
-                <a href="javascript:win_memo();"><FONT COLOR="#BB3D3E">쪽지 (<?=$memo_not_read?>)</FONT></a>&nbsp;&nbsp;
-                <a href="javascript:win_scrap();"><img src='<?=$outlogin_skin_path?>/img/btn_scrap.gif' border=0 align=absmiddle></a>
-            </td></tr>
-        <tr><td height=7 colspan=3></td></tr>
-        </table>
-    </td>
-</tr>
-</table>
+<link rel="stylesheet" href="<?=$outlogin_skin_url?>/style.css">
+
+<!-- 로그인 후 외부로그인 시작 -->
+<section id="ol_after" class="ol">
+    <header id="ol_after_hd">
+        <h2>나의 회원정보</h2>
+        <strong><?=$nick?>님</strong>
+        <? if ($is_admin == 'super' || $is_auth) { ?><a href="<?=G4_ADMIN_URL?>" class="btn_admin">관리자 모드</a><? } ?>
+    </header>
+    <ul id="ol_after_private">
+        <li>
+            <a href="<?=G4_BBS_URL?>/memo.php" target="_blank" id="ol_after_memo" class="win_memo">
+                <span class="sound_only">안 읽은 </span>쪽지
+                <strong><?=$memo_not_read?></strong>
+            </a>
+        </li>
+        <li>
+            <a href="<?=G4_BBS_URL?>/point.php" target="_blank" id="ol_after_pt" class="win_point">
+                포인트
+                <strong><?=$point?></strong>
+            </a>
+        </li>
+        <li>
+            <a href="<?=G4_BBS_URL?>/scrap.php" target="_blank" id="ol_after_scrap" class="win_scrap">스크랩</a>
+        </li>
+    </ul>
+    <footer id="ol_after_ft">
+        <a href="<?=G4_BBS_URL?>/member_confirm.php?url=register_form.php" id="ol_after_info">정보수정</a>
+        <a href="<?=G4_BBS_URL?>/logout.php" id="ol_after_logout">로그아웃</a>
+    </footer>
+</section>
+
+<script>
+// 탈퇴의 경우 아래 코드를 연동하시면 됩니다.
+function member_leave()
+{
+    if (confirm("정말 회원에서 탈퇴 하시겠습니까?"))
+        location.href = "<?=G4_BBS_URL?>/member_confirm.php?url=member_leave.php";
+}
+</script>
+<!-- 로그인 후 외부로그인 끝 -->

skin/outlogin/shop_outlogin/style.css

@@ -0,0 +1,42 @@
+/* 아웃로그인 스킨 */
+.ol {position:relative;padding:15px 15px 14px 14px}
+.ol h2 {margin:0;padding:0;width:1px;height:1px;font-size:0;line-height:0;overflow:hidden}
+.ol ul {margin:0;padding:0;list-style:none}
+
+#ol_before {}
+#ol_before fieldset {position:relative}
+#ol_id {display:block;margin:0 0 5px !important;margin:0 0 3px;padding:0 5px;width:168px;height:22px;border:1px solid #b8c9c2;background:#f7f7f7;line-height:1.6em}
+#ol_id:focus {border-color:#333;background:#21272e;color:#fff}
+.ol_idlabel {position:absolute;top:6px;left:5px;color:#333;font-size:0.95em}
+#ol_pw {display:block;margin:0 0 5px !important;margin:0 0 3px;padding:0 5px;width:168px;height:22px;border:1px solid #b8c9c2;background:#f7f7f7;vertical-align:top;line-height:1.6em}
+#ol_pw:focus {border-color:#333;background:#21272e;color:#fff}
+.ol_pwlabel {position:absolute;top:35px;left:5px;color:#333;font-size:0.95em}
+#auto_login {}
+#auto_login_label {letter-spacing:-0.1em}
+#ol_submit {display:inline-block;width:60px;height:24px;border:0;background:#333;color:#fff;font-size:0.9em;font-weight:bold;vertical-align:top}
+#ol_before ul {float:right;margin:7px 0 13px;zoom:1}
+#ol_before ul:after {display:block;visibility:hidden;clear:both;content:""}
+#ol_before li {float:left;margin-left:5px;padding-top:2px}
+#ol_before #ol_auto {float:left;margin:4px 0 0;padding:0}
+#ol_before a {letter-spacing:-0.1em}
+#ol_svc {padding-top:8px;text-align:right}
+
+#ol_after {}
+#ol_after_hd {margin:0 0 3px}
+#ol_after_hd .btn_admin {margin-top:5px;width:158px;text-align:center}
+#ol_after_private {margin:0 0 3px;zoom:1}
+#ol_after_private:after {display:block;visibility:hidden;clear:both;content:""}
+#ol_after_private li {float:left}
+#ol_after_private a {display:block;padding-top:8px;height:37px;background:#f7f7f7;text-align:center}
+#ol_after_private a strong {display:block;padding-top:3px;color:#000;font-weight:normal}
+#ol_after_private a:focus,
+#ol_after_private a:hover {background:#333;color:#fff;text-decoration:none}
+#ol_after_private a:focus strong,
+#ol_after_private a:hover strong {color:#fff;text-decoration:none}
+#ol_after_memo {width:50px;margin-right:1px}
+#ol_after_pt {width:80px;margin-right:1px}
+#ol_after_scrap {width:48px;line-height:2.6em !important}
+#ol_after_ft {text-align:justify}
+#ol_after_ft a {display:inline-block;width:88px;height:22px;background:#333;color:#fff;text-align:center;line-height:1.8em}
+#ol_after_ft a:focus,
+#ol_after_ft a:hover {text-decoration:none !important}