0)-------------------------------------------------------------------
<?
if (!defined("_GNUBOARD_")) exit; // 개별 페이지 접근 불가

include_once("$g4[path]/head.sub.php");
include_once("$g4[path]/lib/outlogin.lib.php");

?>
------------------------------------------------------------------------
네부분으로 나누어 보겠습니다.  일단 상단 부분에 대해서는 그누유저라면 잘 아시는 내용이실테구요.  보통 아웃로그인가지 인클루드해서들 쓰고 있으니 헤드.서브.피치피만 상단에 넣으시면 되실거구요.
1)-------------------------------------------------------------------
<? if(!$member[mb_id]){?>
<a href="javascript:view_cover('LayLoginForm','','');">로그인</a>

<?}?>
-----------------------------------------------------------------------------
이 부분이 실제 클라언트들이 로그인 절차를 시행하는 부분인겁니다.  로그인이란 글자를 누르면 해당 스크립트를 불러들이게 되는 내용인데 물론 레이어가 나오는 형식에 스크립트겠죠.  사실 레이어는 처음부터 화면에 있었으나 사용자들이 볼 수 없는 위치에 있기 때문에 못 보는 현상일겁니다.  그 못보이게 되는 부분을 보이게 하는 스크립트죠?


2)-------------------------------------------------------------------
<? if(!$member[mb_id]){


$url = '';
if ($g4['https_url']) {
    if (preg_match("/^\./", $urlencode))
        $url = $g4[url];
    else
        $url = $g4[url].$urlencode;
} else {
    $url = $urlencode;
}

?>
3)-------------------------------------------------------------------
<script language=javascript src="./init.js"></script>
---------------------------------------------------------------------
이 부분에 경로를 잘 살펴서 잘 넣어 주셔야 합니다.  기본 소스는 하위폴더를 포함하지 않고 있습니다.  보통 JS폴더나 그런 곳에 따로 저장시키겠죠.

4)-------------------------------------------------------------------
<div id=LayLoginForm style="display: none; z-index: 2; left: 0px; width: 364px; position: absolute; top: 0px; height: 370px">

<table style="border-right: #e65101 1px solid; border-top: #e65101 1px solid; border-left: #e65101 1px solid; border-bottom: #e65101 1px solid" cellspacing=0 cellpadding=2 width=364 align=center border=0>
<form name=lay_login_form onsubmit="return logCheck1(this)" action="<?=$g4[bbs_path]?>/login_check.php" method=post>
<input type="hidden" name="url" value='<?=$url?>'>
<tr>
<td bgcolor=#eee1d7>
<table cellspacing=0 cellpadding=0 width="100%" bgcolor=#ffffff border=0>
<tr>
<td align='left' style="padding:15px 5px 5px 25px;"> 2ustory.com 회원 로그인</td>
<td align='right' style="padding:5px;" valign=top> <a onclick="cover_off('LayLoginForm')" href="javascript:;"><img src="./close.gif" width="11" height="11"></a></td>
</tr>
<tr>
<td colspan='2'>

        <table width="400" border="0" cellspacing="0" cellpadding="0">
        <tr>
            <td width="400" height="130" align="center" bgcolor="#FFFFFF">
                <table width="350" border="0" cellpadding="0" cellspacing="0">
                <tr>
                    <td width="250">
                        <table width="250" border="0" cellpadding="0" cellspacing="0">
                        <tr>
                            <td width="10"><img src="./icon.gif" width="3" height="3"></td>
                            <td width="90" height="26"><b>아이디</b></td>
                            <td width="150"><INPUT style='border:1px solid #cacaca;' maxLength=20 size=15 name=mb_id itemname="아이디" required minlength="2"></td>
                        </tr>
                        <tr>
                            <td><img src="./icon.gif" width="3" height="3"></td>
                            <td height="26"><b>패스워드</b></td>
                            <td><INPUT type=password style='border:1px solid #cacaca;' maxLength=20 size=15 name=mb_password itemname="패스워드" required></td>
                        </tr>
                        </table>
                    </td>
                    <td width="100" valign="top"><INPUT type="submit" width="65" height="52" value="로그인" style="background-color:#efefef;width:65px;height:52px;border:1px solid #9A9A9A; border-right:1px solid #D8D8D8; border-bottom:1px solid #D8D8D8;"></td>
                </tr>
                <tr>
                    <td height="5" colspan="2"></td>
                </tr>
                <tr>
                    <td height="1" background="./dot_line.gif" colspan="2"></td>
                </tr>
                <tr>
                    <td height="5" colspan="2"></td>
                </tr>
                <tr>
                    <td height="26" colspan="2"><img src="./icon.gif" width="3" height="3"> 아직 회원이 아니십니까?&nbsp;&nbsp;&nbsp;&nbsp;<a href="<?=$g4[bbs_path]?>/register.php"><img width="72" height="20" src="./btn_register.gif" border=0 align="absmiddle"></a></td>
                </tr>
                <tr>
                    <td height="26" colspan="2"><img src="./icon.gif" width="3" height="3"> 아이디/패스워드를 잊으셨습니까?&nbsp;&nbsp;&nbsp;&nbsp;<a href="javascript:;" onclick="win_password_forget('<?=$g4[bbs_path]?>/password_forget.php');"><img src="./btn_password_forget.gif" width="108" height="20" border=0 align="absmiddle"></td>
                </tr>
                </table></td>
        </tr>
        </table>

</td>
</tr>
</table>
</td>
</tr>
</form>
</table>



</div>
4)-------------------------------------------------------------------

감춰져 있는 기본 레이어 로그인 폼이죠?  이렇게 총 4부분으로 나누어 생각해 보면
0)부분은 HTML위에 삽입.
01)부분은 실제 유저가 로그인을 하기위해 클릭해야할 위치에 포함시킴
02)부분과 (03) (04)부분은 "<?}?>"까지 한꺼번에 적당한 곳에 넣어주면 됩니다.  보기 좋게 넣으려면  (03)부분을 헤드와 헤드사이에 위치시키는 곳이 좋겠으나 일단 테스트를 위한 거라면 한꺼번에 넣고 돌리셔도 됩니다.

다운로드한 폴더내의 이미지들과 init.js파일은 꼭 업로드 시켜줘야겠죠?
담배한대 피우다 글 남깁니다.

* 아! 그리고 해당 내용대로 테스트까지 거치셨다면 이미지들이 아마 거의 엑박이 뜰겁니다. 그건 (04)내용을 보시고 이미지 경로를 살펴보시면 됩니다!


<?}?>

<? if (!$member['mb_id']) { ?>
<a href="javascript:view_cover('LayLoginForm','','');">로그인</a>
<? } else { ?>
<a href="<?=$g4['bbs_path']?>/logout.php">로그아웃</a>
<? } ?>