<!--Header-->
<div id="headWrap">
<div id="top">
<div class="logo"><a href="http://www.allblog.net" title="올블로그 메인"><img src="/files/header/img/logo_main.gif" alt="올블로그 로고 이미지"></a></div>
<div class="login">
<div class="userName"><a href="javascript:void(openLoginBox('로그인 하세요.'))"><img src="/files/header/img/login_link.gif" /></a><a href="javascript:void(openRegisterBox())"><img src="/files/header/img/RegisterBtn.gif" /></a></div>
</div>
<div class="textad">
<a href="http://cyad.nate.com/click.kti/nate/egloos@imp?ads_no=15917&cmp_no=2467&img_no=19997" target="_blank" title="티스토리 오픈 기념"><img src="/files/ad/g_061218_egloos.gif" alt="이글루스 블로그 예절 캠페인"></a><img src="http://cyad.nate.com/html.kti/nate/egloos@imp " width="0" height="0" />
</div>
</div>

<div id="searchmenu">
<div class="search"></div>
<form action='javascript:search();'>
<div class="text"><input type="textbox" id="SearchQuery" /></div>
<div class="submitbtn"><a href="javascript:search();" title="검색하기"><img src="/files/header/img/submitbtn.gif" alt="검색"></a></div>
</form>
<div class="menu">
<ul>
<li><img src="/files/header/img/menu_bg.gif" alt="배경이미지" align="absmiddle"></li>
<li id='upgradeBtn'><a href="http://archive.allblog.net" title="글목록"><img src="/files/header/img/menu_postlist.gif" alt="글목록" align="absmiddle"></a></li>
<li><a href="http://issue.allblog.net" title="이슈"><img src="/files/header/img/menu_issue.gif" alt="이슈" align="absmiddle"></a></li>
<li><a href="http://tags.allblog.net" title="태그"><img src="/files/header/img/menu_tag.gif" alt="태그" align="absmiddle"></a></li>
<li><a href="http://tbmoim.allblog.net" title="트랙백모임"><img src="/files/header/img/menu_tbmoim.gif" alt="트랙백모임" align="absmiddle"></a></li>
</ul>
</div>
</div>
<div id="bar">
<strong style="color:#575757;">실시간 검색어 :</strong>
<span class="word"><a href="http://search.allblog.net/?k=%ED%86%A0%EB%A7%88%ED%86%A0%ED%8C%A1" title="토마토팡">토마토팡</a></span>&nbsp;&nbsp;|&nbsp;&nbsp;<span class="word"><a href="http://search.allblog.net/?k=mp3%20download" title="mp3 download">mp3 download</a></span>&nbsp;&nbsp;|&nbsp;&nbsp;<span class="word"><a href="http://search.allblog.net/?k=%EC%8A%A4%ED%94%BC%EC%BB%A4" title="스피커">스피커</a></span>&nbsp;&nbsp;|&nbsp;&nbsp;<span class="word"><a href="http://search.allblog.net/?k=%EC%9D%98%EC%B9%98%2B%EA%B0%80%EA%B2%A9" title="의치+가격">의치+가격</a></span>&nbsp;&nbsp;|&nbsp;&nbsp;<span class="word"><a href="http://search.allblog.net/?k=jbl%201x" title="jbl 1x">jbl 1x</a></span>&nbsp;&nbsp;|&nbsp;&nbsp;<span class="word"><a href="http://search.allblog.net/?k=%EC%9D%B4%EB%B6%88%20%EC%9E%A0%EC%98%B7" title="이불 잠옷">이불 잠옷</a></span>&nbsp;&nbsp;|&nbsp;&nbsp;<span class="word"><a href="http://search.allblog.net/?k=blackjack" title="blackjack">blackjack</a></span>
</div>
</div>

<!-- Login Panel -->
<script language="JavaScript" type="text/javascript">
<!--
function openLoginBox(message)
{
if (!message)
{
message = '로그인이 필요한 서비스입니다.';
}
dojo.byId('loginPanelMessage').innerHTML = message;
openDialogBox('loginPanel', ['center']);
dojo.byId('txtUserID').focus();
dojo.byId('loginPanel').style.height = dojo.byId('innerLoginPanel').style.height;
}

function validateLoginForm()
{
var userid = dojo.byId('txtUserID');
var password = dojo.byId('txtPassword');

if (!userid.value.trim())
{
alert('아이디를 입력해 주십시오.');
return false;
}
if (!password.value.trim())
{
alert('비밀번호를 입력해 주십시오.');
return false;
}
return true;
}

function login()
{
if (!validateLoginForm()) return;
document.loginForm.submit();
}
-->
</script>
<div id="loginPanel" style="position:absolute; z-index:1000; display:none;">
<form name="loginForm" action="http://my.allblog.net/login.html" method="post" class="loginForm">
<input type="hidden" name="referer" value="/Home/" />
<ul class="Contents" id="innerLoginPanel">
<li class="xBtn"><a href="javascript:void(closeDialogBox('loginPanel'))" title="닫기"><img src="/files/img/xBtn2.gif" alt="닫기" /></a></li>
<li id="loginPanelMessage" class="info">로그인을 해주세요 </li>
<li class="form CL">
아이디: <input name="txtUserID" type="textbox" id="txtUserID" onkeydown="javascript:if (event.keyCode == 13) {login(); return false;}" />
비밀번호: <input name="txtPassword" type="password" id="txtPassword" onkeydown="javascript:if (event.keyCode == 13) {login(); return false;}" />
<span class="small">로그인유지</span><input id="chkAutoLogin" type="checkbox" name="chkAutoLogin" checked="checked"/>
<a href="javascript:void(login())" title="로그인"><img src="http://my.allblog.net/img/loginBtn.gif" alt="로그인" align="absmiddle" /></a>
</li>
<li class="formInfo"><a href="http://help.allblog.net/find.php" title="아이디/비밀번호찾기">아이디/ 비밀번호찾기</a>  <a href="javascript:void(openRegisterBox())" title="회원가입" style="color: #003399;">아직도 올블로그 회원이 아니세요?  <strong>회원가입하기</strong></a></li>
</ul>
</form>
</div>
<!-- Login Panel END -->

플록님의 다중분류 갤러리를 활용해 보시기 바랍니다.
현재는 /bbs/board.php와 이미지팝업(image_window 또는 image_pop)과 연계되어 처리되고 있지만,
이것을 /bbs/login_check.php 및 /bbs/login.php와 연동되게 수정만 하시면 가능할 듯 합니다.

sir.co.kr/bbs/board.php?bo_table=g4_skin&wr_id=33391&sca=&sfl=wr_name%2C1&stx=%C7%C3%B7%CF&sop=and

음 짧은머리로는 레이어에 로그인을 불러오구 숨기구
버튼 클릭시 로그인이 보이게하믄 될려나 ㅋㅋㅋ

대충 이정도로? (배경색 투명하게하는건 스타일먹여서 대~충)

<link href="http://4uwellbeing.com/css/style.css" rel="stylesheet" type="text/css">
<font onclick="document.getElementById('loginPanel').style.display=''"">로그인</font>
<div id="loginPanel" style="position:relative; z-index:1000; display:none;width:100%;height:100%;">
<table width=100% height=100%>
<tr>
<td width=100% height=100% align=center valign=middle>
<table>
<Tr>
<td>

<form name="loginForm" action="http://my.allblog.net/login.html" method="post" class="loginForm">
<input type="hidden" name="referer" value="/Home/" />
<ul class="Contents" id="innerLoginPanel">
<li class="xBtn"><a href="javascript:void(document.getElementById('loginPanel').style.display='none')" title="닫기"><img src="http://www.allblog.net/files/img/xBtn2.gif" alt="닫기"  border=0 /></a></li>
<li id="loginPanelMessage" class="info">로그인을 해주세요 </li>
<li class="form CL">
아이디: <input name="txtUserID" type="textbox" id="txtUserID" onkeydown="javascript:if (event.keyCode == 13) {login(); return false;}" />
비밀번호: <input name="txtPassword" type="password" id="txtPassword" onkeydown="javascript:if (event.keyCode == 13) {login(); return false;}" />
<span class="small">로그인유지</span><input id="chkAutoLogin" type="checkbox" name="chkAutoLogin" checked="checked"/>
<a href="javascript:void(login())" title="로그인"><img src="http://my.allblog.net/img/loginBtn.gif" alt="로그인" align="absmiddle" border=0 /></a>
</li>
<li class="formInfo"><a href="http://help.allblog.net/find.php" title="아이디/비밀번호찾기">아이디/ 비밀번호찾기</a>  <a href="javascript:void(openRegisterBox())" title="회원가입" style="color: #003399;">아직도 올블로그 회원이 아니세요?  <strong>회원가입하기</strong></a></li>
</ul>
</form>
</td>
</tR>
</table>
</td>
</tr>
</table>

</div>

포인트 많네요  팍팍쏘셈

아래꺼 한글로 변형~~

<!--div id="loginPanel2" style="position:absolute;left:0px;top:0px; z-index:999; display:none;width:100%;height:100%; filter:alpha(opacity:투명도);background-color:색깔">
</div-->

<link href="http://4uwellbeing.com/css/style.css" rel="stylesheet" type="text/css">
<font onclick="document.getElementById('loginPanel').style.display='';document.getElementById('loginPanel2').style.display=''">로그인</font>
<div id="loginPanel2" style="position:absolute;left:0px;top:0px; z-index:999; display:none;width:100%;height:100%; filter:alpha(opacity:50);background-color:red">
</div>
<div id="loginPanel" style="position:absolute;left:0px;top:0px; z-index:1000; display:none;width:100%;height:100%;">
<table width=100% height=100%>
<tr>
<td width=100% height=100% align=center valign=middle>
<table>
<Tr>
<td>

<form name="loginForm" action="http://my.allblog.net/login.html" method="post" class="loginForm">
<input type="hidden" name="referer" value="/Home/" />
<ul class="Contents" id="innerLoginPanel">
<li class="xBtn"><a href="javascript:javascript:;" title="닫기"><img src="http://www.allblog.net/files/img/xBtn2.gif" alt="닫기"  border=0 onclick="document.getElementById('loginPanel').style.display='none';document.getElementById('loginPanel2').style.display='none'"></a></li>
<li id="loginPanelMessage" class="info">로그인을 해주세요 </li>
<li class="form CL">
아이디: <input name="txtUserID" type="textbox" id="txtUserID" onkeydown="javascript:if (event.keyCode == 13) {login(); return false;}" />
비밀번호: <input name="txtPassword" type="password" id="txtPassword" onkeydown="javascript:if (event.keyCode == 13) {login(); return false;}" />
<span class="small">로그인유지</span><input id="chkAutoLogin" type="checkbox" name="chkAutoLogin" checked="checked"/>
<a href="javascript:void(login())" title="로그인"><img src="http://my.allblog.net/img/loginBtn.gif" alt="로그인" align="absmiddle" border=0 /></a>
</li>
<li class="formInfo"><a href="http://help.allblog.net/find.php" title="아이디/비밀번호찾기">아이디/ 비밀번호찾기</a>  <a href="javascript:void(openRegisterBox())" title="회원가입" style="color: #003399;">아직도 올블로그 회원이 아니세요?  <strong>회원가입하기</strong></a></li>
</ul>
</form>
</td>
</tR>
</table>
</td>
</tr>
</table>

</div>

흑흑...........

아작스 로그인