[Update] Bảng Đăng Nhập Trượt Sửa Lỗi Hoàn Toàn

Có nhiều bạn làm theo bài viết hướng dẫn tạo bảng đăng nhập trượt lần 1 của Ex và không làm được, nguyên do là font code bị lỗi nên code bị hiển thị sai, khi đưa vào template sẽ không hoạt động.

Nay mình fix lại hoàn chỉnh cho các bạn. Làm theo từng bước mình chỉ sẽ hoàn chỉnh :

Bước 1 :

Download file JS này về, upload lên host lấy link trực tiếp :

Code:

http://www.mediafire.com/?amfj31nzuyd

Lưu ý : Nhớ download nhanh, vì mau die lắm.


Bước 2 : Upload lên host để lấy link trực tiếp.
Vd :

Code:

http://...toptable.js

Bước 3 : Chèn link vừa upload ở trên vào overall_header_new :

Code:

<script src="http://...toptable.js"></script>

Nhớ thay link vào trong code nhé.

Bước 4 :

Chèn đoạn sau vào CSS :

Code:

#topbar {
    MARGIN-LEFT: 300px; Z-INDEX: 1; VISIBILITY: hidden; WIDTH: 355px; MARGIN-TOP:200px; POSITION: absolute; BACKGROUND-COLOR: transparent;
}

Bước 5 :

Chèn đoạn code dưới đây vào những chỗ sau :
1/- index_body
2/- topiclist_box
3/- viewtopic_body

Code:

<!-- BEGIN switch_user_logged_out -->

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


<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="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="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 -->