Bảng đăng nhập trượt

Nguồn & Demo : http://khoahoctunhien.forumotion.com/forum.htm

Code by Exterminator

Code:

<!-- BEGIN switch_user_logged_out -->

<!-- start TOPBAR-08 DB B Community -->

<STYLE type=text/css>#topbar {
    BORDER: black 1px solid; MARGIN-LEFT: 300px; Z-INDEX: 1; VISIBILITY: hidden; WIDTH: 350px; MARGIN-TOP:200px; PADDING-TOP: 20px; PADDING-LEFT: 5px; PADDING-RIGHT: 5px; POSITION: absolute; BACKGROUND-COLOR: #EFEFEF;
}
</STYLE>

<SCRIPT type=text/javascript>
var persistclose=0
var startX = 30
var startY = 5
var verticalpos="fromtop"

function iecompattest(){
return (document.compatMode && document.compatMode!="BackCompat")? document.documentElement : document.body
}

function get_cookie(Name) {
var search = Name + "="
var returnvalue = "";
if (document�cookie.length > 0) {
offset = document�cookie.indexOf(search)
if (offset != -1) {
offset += search.length
end = document�cookie.indexOf(";", offset);
if (end == -1) end = document�cookie.length;
returnvalue=unescape(document�cookie.substring(offset, end))
}
}
return returnvalue;
}

function closebar(){
if (persistclose)
document�cookie="remainclosed=1"
document.getElementById("topbar").style.visibility="hidden"
}

function staticbar(){
    barheight=document.getElementById("topbar").offsetHeight
    var ns = (navigator.appName.indexOf("Netscape") != -1) || window.opera;
    var d = document;
    function ml(id){
        var el=d.getElementById(id);
        if (!persistclose || persistclose && get_cookie("remainclosed")=="")
        el.style.visibility="visible"
        if(d.layers)el.style=el;
        el.sP=function(x,y){this.style.left=x+"px";this.style.top=y+"px";};
        el.x = startX;
        if (verticalpos=="fromtop")
        el.y = startY;
        else{
        el.y = ns ? pageYOffset + innerHeight : iecompattest().scrollTop + iecompattest().clientHeight;
        el.y -= startY;
        }
        return el;
    }
    window.stayTopLeft=function(){
        if (verticalpos=="fromtop"){
        var pY = ns ? pageYOffset : iecompattest().scrollTop;
        ftlObj.y += (pY + startY - ftlObj.y)/8;
        }
        else{
        var pY = ns ? pageYOffset + innerHeight - barheight: iecompattest().scrollTop + iecompattest().clientHeight - barheight;
        ftlObj.y += (pY - startY - ftlObj.y)/8;
        }
        ftlObj.sP(ftlObj.x, ftlObj.y);
        setTimeout("stayTopLeft()", 10);
    }
    ftlObj = ml("topbar");
    stayTopLeft();
}

if (window.addEventListener)
window.addEventListener("load", staticbar, false)
else if (window.attachEvent)
window.attachEvent("onload", staticbar)
else if (document.getElementById)
window.onload=staticbar
</SCRIPT>

<DIV id="topbar">
<center>
<form action="{S_LOGIN_ACTION}" method="post" name="form_login">
<table width="100%" border="0" cellspacing="0" cellpadding="0" class="user_login_form forumline">
  <tr>
      <td width="100%" height="100%" valign="top" align="left" class="row1">

        <label>
<table width=339px>

<tr><td width=150px><font color=#195cd2 size=2><b>{L_USERNAME}:</b></font></td><td width=189px align=right> <input class="post" type="text" size="10" name="username"/></td></tr></table></label>
       



<label><table width=339px>

<tr><td width=150px><font color=#195cd2 size=2><b>{L_PASSWORD}:</b></font></td><td width=189px align=right> <input class="post" type="password" size="10" name="password"/></td></tr></table></label>
       
<center>
{S_HIDDEN_FIELDS}<input class="mainoption" type="submit" name="login" value="{L_LOGIN}" /></center>
       

<label>
<table width=339px>

<tr><td width=220 align=left><font color=#195cd2 size=1,5><b>{L_AUTO_LOGIN} :</b></font></td><td align=left> <input class="radio" type="checkbox" name="autologin" {AUTOLOGIN_CHECKED} /></td></tr></table></label><br />
<div align=center><b><a href="http://khoahoctunhien.forumotion.com/profile.forum?mode=sendpassword"><font color=red size=1.5>::Quên mật khẩu::</font></a></b></div>
<br>
<div align=center><font color=lime size=2><b>Bạn chưa có tài khoản?<br />
Hãy click <a href="http://khoahoctunhien.forumotion.com/profile.forum?mode=register">vào đây</a> để đăng kí tài khoản mới.</b></font></div>

      </td>
  </tr>
</table>
</form>
</center>
</DIV>

<!-- end TOPBAR-08 DB B Community -->

<!-- END switch_user_logged_out -->

Các bạn có thể điều chỉnh màu sắc cho hợp với diễn đàn của mình.

Hướng dẫn sử dung :

Chỉ được chèn ở những nơi sau để tránh gây ra rắc rối lúc đăng ký cho member :

1/- Index_body
2/- Viewtopic_body

P/s : Hãy cảm ơn bằng cách click cảm ơn, hoặc tham gia reg nick trong forum của mình (hiện đang là công trình thanh niên của Cơ sở sinh viên trường ĐH KHTN, nên đang cần member). Không cảm ơn là không chia sẽ nhiều cái hay nữa đâu đấy nhé ^^.