클릭시 로그인창 팝업으로 레이어만 나오게 하기 정보
클릭시 로그인창 팝업으로 레이어만 나오게 하기
본문
http://sir.co.kr/bbs/board.php?bo_table=g4_skin&wr_id=82147&sca=%B7%CE%B1%D7%C0%CE&sfl=&stx=&spt=0
위 스킨은 로그인 클릭시 로그인 창이 팝업으로 레이어만 나오게 하기입니다.
그러나, 의외로 어렵게만 보입니다.
수고스러우시겠지만 ~~~~ 자세한 설명 좀 부탁드릴께요...
그림의 떡이 따로 없다 싶어서요~~~~네...
head.php 싹 다 긁어 붙여 넣기하고 실행을 했는데도 꼼짝도 안하네요...
팝업창이...................................................
<? if(!$member[mb_id]){?>
<a href="javascript:view_cover('LayLoginForm','','');">로그인</a>
<?}?>
<? if(!$member[mb_id]){
$url = '';
if ($g4['https_url']) {
if (preg_match("/^\./", $urlencode))
$url = $g4[url];
else
$url = $g4[url].$urlencode;
} else {
$url = $urlencode;
}
?>
<script language=javascript src="./init.js"></script>
<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"> 아직 회원이 아니십니까? <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"> 아이디/패스워드를 잊으셨습니까? <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>
<?}?>
해결하실 수 있으신 분 ... 자세한 설명과 도움을 부탁드립니다.....
위 스킨은 로그인 클릭시 로그인 창이 팝업으로 레이어만 나오게 하기입니다.
그러나, 의외로 어렵게만 보입니다.
수고스러우시겠지만 ~~~~ 자세한 설명 좀 부탁드릴께요...
그림의 떡이 따로 없다 싶어서요~~~~네...
head.php 싹 다 긁어 붙여 넣기하고 실행을 했는데도 꼼짝도 안하네요...
팝업창이...................................................
<? if(!$member[mb_id]){?>
<a href="javascript:view_cover('LayLoginForm','','');">로그인</a>
<?}?>
<? if(!$member[mb_id]){
$url = '';
if ($g4['https_url']) {
if (preg_match("/^\./", $urlencode))
$url = $g4[url];
else
$url = $g4[url].$urlencode;
} else {
$url = $urlencode;
}
?>
<script language=javascript src="./init.js"></script>
<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"> 아직 회원이 아니십니까? <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"> 아이디/패스워드를 잊으셨습니까? <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>
<?}?>
해결하실 수 있으신 분 ... 자세한 설명과 도움을 부탁드립니다.....
댓글 전체

덕분에 저도 예쁜 로그인스킨을 하나 알게 되었습니다. 아직 고칠곳이 몇군데 있긴 하지만...;;;
일단 적용방법은 간단하네요.
1.일단 다운받은 모든 파일을 그누보드 루트에 업로드 한세요.
(따로 login 이라는 폴더로 업로드 시켰다면...경로를 수정해 주셔야 합니다.)
2.현재 사용하고 있는 head.php 파일만 수정하시면 됩니다.
2-1. head.php 파일의 상단 부분....
<?
if (!defined("_GNUBOARD_")) exit; // 개별 페이지 접근 불가
include_once("$g4[path]/head.sub.php");
.
.
.
include_once("$g4[path]/lib/popular.lib.php");
//print_r2(get_defined_constants());
// 사용자 화면 상단과 좌측을 담당하는 페이지입니다.
// 상단, 좌측 화면을 꾸미려면 이 파일을 수정합니다.
$table_width = 1004;
?>
이 밑으로
아래의 소스를 넣어주세요
<? if(!$member[mb_id]){
$url = '';
if ($g4['https_url']) {
if (preg_match("/^\./", $urlencode))
$url = $g4[url];
else
$url = $g4[url].$urlencode;
} else {
$url = $urlencode;
}
?>
<script language=javascript src="./init.js"></script>
<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"> 아직 회원이 아니십니까? <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"> 아이디/패스워드를 잊으셨습니까? <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>
<?}?>
2-2. head.php 의 끝부분...
<?=outlogin("basic"); // 외부 로그인 ?> 을 지우시고
아래의 소스를 그 자리에 넣으시면 됩니다.
<? if(!$member[mb_id]){?>
<a href="javascript:view_cover('LayLoginForm','','');">로그인</a>
<?}?>
일단 적용방법은 간단하네요.
1.일단 다운받은 모든 파일을 그누보드 루트에 업로드 한세요.
(따로 login 이라는 폴더로 업로드 시켰다면...경로를 수정해 주셔야 합니다.)
2.현재 사용하고 있는 head.php 파일만 수정하시면 됩니다.
2-1. head.php 파일의 상단 부분....
<?
if (!defined("_GNUBOARD_")) exit; // 개별 페이지 접근 불가
include_once("$g4[path]/head.sub.php");
.
.
.
include_once("$g4[path]/lib/popular.lib.php");
//print_r2(get_defined_constants());
// 사용자 화면 상단과 좌측을 담당하는 페이지입니다.
// 상단, 좌측 화면을 꾸미려면 이 파일을 수정합니다.
$table_width = 1004;
?>
이 밑으로
아래의 소스를 넣어주세요
<? if(!$member[mb_id]){
$url = '';
if ($g4['https_url']) {
if (preg_match("/^\./", $urlencode))
$url = $g4[url];
else
$url = $g4[url].$urlencode;
} else {
$url = $urlencode;
}
?>
<script language=javascript src="./init.js"></script>
<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"> 아직 회원이 아니십니까? <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"> 아이디/패스워드를 잊으셨습니까? <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>
<?}?>
2-2. head.php 의 끝부분...
<?=outlogin("basic"); // 외부 로그인 ?> 을 지우시고
아래의 소스를 그 자리에 넣으시면 됩니다.
<? if(!$member[mb_id]){?>
<a href="javascript:view_cover('LayLoginForm','','');">로그인</a>
<?}?>

감사합니다... 복 많이 받으실게에요...