열

클릭시 로그인 레이어만 나오게 하기...

login.gif
로그인 버튼을 클릭시 현재 창에서 로그인 레이어가 뜨도록 했습니다..
미리보기는

링크 참조..

사용방법

head.php 파일의 내용을 활용하시면 됩니다...


<? if(!$member[mb_id]){?> 부터 마지막 <?}?> 까지의 내용을 사용을 원하시는 파일에 붙여넣으신다음에... 사용하시면 됩니다..

첨부파일

login.gif (2.9 KB)
0회 2008-10-22 11:14
login.zip (4 KB) 1253회 2008-10-22 11:17
|

댓글 41개

적용해보고 싶은데 다른 아웃로그인을 사용하면서 링크식으로만 따로 사용이 가능한건지 사용방법 좀 부탁드립니다..^^
http://2ustory.com/_tags/ 미리보기가 안 뜨네요 .
음... 저는 잘 보이는데요...
사용방법좀 ㅠㅠ 부탁드립니다.
초보라 어렵네요 ㅠㅠ
햐. 깔끔합니다. IE7 사용중 입니다.
궁금했었는데
이런식으로 하는 군요.
FF3에서도 너무 잘 나오네요! 추천추천. ^^
아주 깔끔하니 맘에드네요~ ^^
추천 날립니다!!
오.. 저도 적용해봐야 겠습니다~
예뻐요..감사감사
오오.-
로그인창 디자인잡을때가 제일 귀찮았는데 좋네요!
캄사
추천입니다.
로그인 버튼을 클릭했을시에...

레이어가 뜨면서... 아이디 입력에 커서가 있게 하려면...

function view_cover(id, formid, nurl, divtype, cover)
함수의 아래 부분

if(id) {
this.Lid = id;
top.document.getElementById(id).style.display = '';
top.document.getElementById(id).style.top = window_top;
top.document.getElementById(id).style.left = window_left;
if(divtype == true) CheckUIElements();
}

아래 부분에

document.lay_login_form.mb_id.focus();

를 추가해 주시면 됩니다...
완전 좋네요 @! 잘쓰겠습니다 ^^
정말 멋집니다~~~ @0@/
사용법좀 가르쳐 주세요. 복사하라는 파일 <? if(!$member[mb_id]){?>이걸 포함해서 (9번째줄) <?}?> (99번째줄) 까지 그대로 붙여 넣었더니 로그인 글씨가 안보이는데요.. ㅡㅡ;; 이건 왜 그런거에요.? 제가 못해서 그런거겠지만 친절한 설명 부탁드릴게요..ㅠㅠ
원하시는 곳에 아래 내용을 넣으시면 되겠네요.


<? if(!$member[mb_id]){?>
<a href="javascript:view_cover('LayLoginForm','','');">로그인</a>
<?}?>

-------------------------------------------------------------------------
그리고
<script language=javascript src="./init.js"></script>
내용을 불러 들이게 되는데 원하시는 위치를 소스 내용과 함께 고쳐 쓰시면 되겠군요.
이미지 몇개의 경로도 살피시구요. 별 어려움없이 사용할수 있게 해 놓으셨네요.
고급스럽네요.

좋은 스킨 감사합니다.
로그인창이 레이어로 떠서 로그인하기
고것 참 어렵네... 의외로 ~~~~ 자세한 설명 좀 부탁드릴께요...
head.php 싹 다 긁어 붙여 넣기하고 실행을 했는데도 꼼짝도 안하네...

팝업창이...................................................

해결하신 분 ... 자세한 설명 좀 부탁드립니다.
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"> 아직 회원이 아니십니까?    <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>
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>
<? } ?>
오오 완전 멋져요 + _+
근데 왜 작동을 안할까요 -_ㅠ
덕분에 잘 적용했습니다.ㅎㅎ 멋진 스킨이네요~~
저는 플래시 메뉴에 적용을 했는데 잘 되네요. (추천 날려요!!)
오~~~나도함해볼께요 ...쉽게되면 추천할께요..^^
너무 좋아요 ㅎㅎ 꼭필요하던건데 감사합니다
잘 되는 군요.. 감사합니다. 로그인상태에서 계속 해서 잘 안되었던걸 괜한 고생했네요.. ^^
굿이에요

감사합니다!
로그인스킨
감사합니다.......
댓글을 작성하시려면 로그인이 필요합니다.

그누4 스킨

5,847건

스킨의 저작권은 해당 스킨 제작자님께 있으며, 그누보드의 저작권과 다를 수 있습니다. 스킨 다운로드시 좋아요와 감사의 코멘트를 남기시면 제작자에게 큰 힘이됩니다. ^^y 그누보드와 관련이 있지만 스킨과 빌더가 아니면 플러그인 게시판에 올려주세요.

+
분류 제목 글쓴이 날짜 조회
게시판 08-10-28 조회 6,495
기타 08-10-27 조회 2,773
기타 08-10-26 조회 2,856
갤러리 08-10-25 조회 1.4만
게시판 08-10-23 조회 5,182
08-10-23 조회 1.4만
게시판 08-10-22 조회 5,072
기타 08-10-22 조회 1.1만
외부로그인 08-10-22 조회 9,606