Demo ảnh chức năng và công dụng trước và sau khi đăng nhập:
http://sinhvienthamdinh.com/forum/redirector.php?url=http%3A%2F%2Fupanh.ninja9x.net%2Fimages%2F57khungdangnhap.gif
Vào template header thay toàn bộ code trong đó bằng code dưới đây:
Download, giải nén và upload thư mục khungdangnhap ngang hàng admincp
http://sinhvienthamdinh.com/forum/redirector.php?url=http%3A%2F%2Fupanh.ninja9x.net%2Fimages%2F57khungdangnhap.gif
Vào template header thay toàn bộ code trong đó bằng code dưới đây:
Mã:
[B][B]<!--[if lte IE 6]> <script type="text/javascript" src="khungdangnhap/js/supersleight-min.js"></script> <![endif]--> <script type="text/javascript" src="khungdangnhap/js/jquery-1.3.2.min.js"></script> <script type="text/javascript" src="khungdangnhap/js/slide.js"></script> <link rel="stylesheet" href="khungdangnhap/css/slide.css" type="text/css" media="screen" /> <!-- Panel --> <div id="toppanel"> <div id="slide2"> <div class="content"> <table cellspacing="0" cellpadding="0" width="100%"> <tr> <td style="width:460px;"> <div class="left"> <table cellspacing="0" cellpadding="0" width="100%"> <tr> <td><img class="verticalAlign" src="khungdangnhap/images/logo.png" /></td> <td> <vb:if condition="$show['guest']"> <h1>Welcome to Ninja9x.Net</h1> <div style="padding-top:5px;"><h2> » Để có thể tham gia thảo luận, các bạn phải đăng ký hay Ghi Danh làm thành viên, <strong><a href="register.php?">Click Vào Đây Để Đăng Ký</a></strong>.<br> » Mọi chi tiết xin liên hệ <b><font color="blue">Admin: </font></b><a href="mailto:ninjachuoi@gmail.com"><font color="red"><b>Andy Crush</b></font></a></h2> </vb:if> <vb:if condition="$show['member']"> <h1>User Control Panel</h1> <h2> <div style="padding-bottom:10px;"></div> <div class="smallfont"><strong>» <a href="profile.php?do=editavatar"><b>Edit your avatar</b></a></strong></div> <div style="padding-bottom:3px;"></div> <div class="smallfont"><strong>» <a href="profile.php?do=editsignature"><strong><b>Edit your signature</b></a></strong></div> <div style="padding-bottom:3px;"></div> <div class="smallfont"><strong>» <a href="profile.php?do=editpassword"><b>Edit your email and password</b></a></strong></div> <div style="padding-bottom:3px;"></div> <div class="smallfont"><strong>» <a href="profile.php?do=editoptions"><b>Edit options</b></a></strong></div> <div style="padding-bottom:3px;"></div></h2> </vb:if> </td> </tr></table> </div> </div> </td> <td> <div class="right"> <div style="padding-left:40px;width:300px;"> <vb:if condition="$show['member']"> <h1>Ninja9x.Net <a href="login.php?{vb:raw session.sessionurl}do=logout&logouthash={vb:raw bbuserinfo.logouthash}" onclick="return log_out('{vb:rawphrase sure_you_want_to_log_out}')">{vb:rawphrase log_out}</a><img class="imgp" src="khungdangnhap/images/logout.png" /></a> </h1> <ul class="isuser"> <b><li>{vb:rawphrase welcome_x_link_y, {vb:raw bbuserinfo.musername}, {vb:link member, {vb:raw bbuserinfo}}}</li></b> <SCRIPT LANGUAGE="JavaScript"> <!-- // Store the date in a variable d = new Date() dateText = "" // Get the current day and convert it to the name of the day dayValue = d.getDay() if (dayValue == 0) dateText += "Chủ Nhật" else if (dayValue == 1) dateText += "Thứ Hai" else if (dayValue == 2) dateText += "Thứ Ba" else if (dayValue == 3) dateText += "Thứ Tư" else if (dayValue == 4) dateText += "Thứ Năm" else if (dayValue == 5) dateText += "Thứ Sáu" else if (dayValue == 6) dateText += "Thứ Bảy" // Get the current month and convert it to the name of the month monthValue = d.getMonth() dateText += " " if (monthValue == 0) dateText += "Tháng 1" if (monthValue == 1) dateText += "Tháng 2" if (monthValue == 2) dateText += "Tháng 3" if (monthValue == 3) dateText += "Tháng 4" if (monthValue == 4) dateText += "Tháng 5" if (monthValue == 5) dateText += "Tháng 6" if (monthValue == 6) dateText += "Tháng 7" if (monthValue == 7) dateText += "Tháng 8" if (monthValue == 8) dateText += "Tháng 9" if (monthValue == 9) dateText += "Tháng 10" if (monthValue == 10) dateText += "Tháng 11" if (monthValue == 11) dateText += "Tháng 12" // Get the current year; if it's before 2000, add 1900 if (d.getYear() < 2000) dateText += " " + d.getDate() + ", " + (1900 + d.getYear()) else dateText += " " + d.getDate() + ", " + (d.getYear()) // Get the current minutes minuteValue = d.getMinutes() if (minuteValue < 10) minuteValue = "0" + minuteValue // Get the current hours hourValue = d.getHours() // Customize the greeting based on the current hours if (hourValue <= 11 && hourValue >=5) { greeting = "Chúc buổi sáng tốt lành!" timeText = " - " + hourValue + ":" + minuteValue + " AM" } else if (hourValue > 11 && hourValue <=13) { greeting = "Chào buổi trưa - Bạn ăn cơm chưa vậy ?" timeText = " - " + hourValue + ":" + minuteValue + " PM" } else if (hourValue > 13 && hourValue <= 17) { greeting = "Chúc bạn một buổi chiều ấm áp!" timeText = " - " + (hourValue-12) + ":" + minuteValue + " PM" } else if (hourValue > 17 && hourValue <=19) { greeting = "Chúc bạn bữa tối ngon miệng" timeText = " - " + (hourValue-12) + ":" + minuteValue + " PM" } else if (hourValue > 19 && hourValue <=21) { greeting = "Buổi tối vui vẻ nha bạn" timeText = " - " + (hourValue-12) + ":" + minuteValue + " PM" } else if (hourValue > 21 && hourValue ==24) { greeting = "Chúc bạn ngủ ngon và có giấc mơ đẹp" timeText = " - " + (hourValue-12) + ":" + minuteValue + " PM" } else if (hourValue >= 1 && hourValue <=3) { greeting = "Khuya rồi đấy. Bạn chưa ngủ à?" timeText = " - " + hourValue + ":" + minuteValue + " AM" } else { greeting = "Bạn chuẩn bị đón bình minh nào!" timeText = " - " + hourValue + ":" + minuteValue + " AM" } // Write the greeting, the date, and the time to the page document.write(greeting) //--> </SCRIPT> <vb:if condition="$notifications_total"> <li class="popupmenu notifications" id="notifications"> <a class="popupctrl" href="usercp.php{vb:raw session.sessionurl_q}">{vb:rawphrase your_notifications}: <span class="notifications-number"><strong>{vb:raw notifications_total}</strong></span></a> <ul class="popupbody popuphover"> {vb:raw notifications_menubits} </ul> </li> <vb:else /> <li class="popupmenu nonotifications" id="nonotifications"> <a class="popupctrl" href="usercp.php{vb:raw session.sessionurl_q}">{vb:rawphrase your_notifications}</a> <div class="popupbody popuphover"> <p>{vb:rawphrase no_new_messages}</p> <p><a href="private.php{vb:raw session.sessionurl_q}">{vb:rawphrase inbox}</a></p> </div> </li> </vb:if> <li><a href="{vb:link member, {vb:raw bbuserinfo}}">{vb:rawphrase your_profile}</a></li> <li><a href="usercp.php{vb:raw session.sessionurl_q}">{vb:rawphrase control_panel}</a></li> <vb:if condition="$show['registerbutton']"> <li><a href="register.php{vb:raw session.sessionurl_q}" rel="nofollow">{vb:rawphrase register}</a></li> </vb:if> </ul> <vb:comment><p>{vb:rawphrase last_visited_x_at_y, {vb:raw pmbox.lastvisitdate}, {vb:raw pmbox.lastvisittime}}</p></vb:comment> <vb:else /> <ul class="nouser"> <!-- login form --> <form action="login.php?do=login" method="post" onsubmit="md5hash(vb_login_password, vb_login_md5password, vb_login_md5password_utf, 0)"> <script type="text/javascript" src="clientscript/vbulletin_md5.js?v=384"></script> <table cellpadding="0" cellspacing="0" border="0" width="100%" align="left"> <tr> <td style="padding-left:40px;"> <h2><b>User Name</b></h2> <div class="loginBoxInput"> <input id="navbar_username" class="logininput" type="text" onblur="if (this.value == '') this.value = 'User Name';" onfocus="if (this.value == 'User Name') this.value = '';" value="User Name" tabindex="101" accesskey="u" size="20" name="vb_login_username"/> </div> <br /><br /> <h2><b>Password</b></h2> <div class="loginBoxInput"> <input id="navbar_password" class="logininput" type="password" onblur="if (this.value == '') this.value = 'Password';" onfocus="if (this.value == 'Password') this.value = '';" value="Password" tabindex="102" size="20" name="vb_login_password" /> </div> </td> <td style="padding-left:30px;"> <div><input class="verticalAlign" type="image" value="Log in" tabindex="104" title="Enter your username and password in the boxes provided to login, or click the 'register' button to create a profile for yourself." accesskey="s" src="khungdangnhap/images/login.png" /></div> <div class="remem"><label for="cb_cookieuser_navbar"><input type="checkbox" name="cookieuser" value="1" id="cb_cookieuser_navbar" class="cb_cookieuser_navbar" accesskey="c" tabindex="103" checked=checked"/> {vb:rawphrase remember_me}</label></div> <div style="padding-bottom:10px;"></div> <div class="smallfont"><strong>» <a href="login.php?do=lostpw" target=_blank><b>Forgotten Your Password?</b></a></strong></div> <div style="padding-bottom:3px;"></div> <div class="smallfont"><strong>» <a href="sendmessage.php" target=_blank><b>Can Not Active Account?</b></a></strong></div> </td> </tr> </table> <input type="hidden" name="s" value="9c66b0086628a00af7df6767f1b3ca98" /> <input type="hidden" name="securitytoken" value="guest" /> <input type="hidden" name="do" value="login" /> <input type="hidden" name="vb_login_md5password" /> <input type="hidden" name="vb_login_md5password_utf" /> </form> <!-- / login form --> </vb:if> </div> </td> </tr> </table> </td> </tr> </div> </div> <!-- The tab on top --> <div class="tab"> <ul class="login"> <li class="left"> </li> <li id="toggle"> <vb:if condition="$show['member']"> <a id="open" class="open" ><strong>Manage - Quản Lí</strong></a> </vb:if> <vb:if condition="$show['guest']"> <a id="open" class="open" ><strong>Đăng Ký - Đăng Nhập</strong></a> </vb:if> <a id="close" style="display: none;" class="close" ><strong>Close - Đóng Lại</strong></a> </li> <li class="right"> </li> </ul> </div> <!-- / top --> </div><!--panel --> <div style="position: absolute; width: 830px; height: 196px; z-index: 1; left: 130px; top: 32px"> <object classid="clsid: D27CDB6E-AE6D-11cf-96B8-444553540000" codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=7,0,19,0"> <param name="movie" value="khungdangnhap/butterfly.swf" /> <param name="quality" value="high" /> <param name="wmode" value="transparent"> <embed src="khungdangnhap/butterfly.swf" quality="high" wmode="transparent" pluginspage="http://www.macromedia.com/go/getflashplayer" type="application/x-shockwave-flash" width="830" height="196"></embed> </object> </div> <div class="above_body"> <div id="header" class="floatcontainer doc_header"> {vb:raw ad_location.ad_header_logo} <div><a name="top" href="{vb:raw vboptions.forumhome}.php{vb:raw session.sessionurl_q}" class="logo-image"><img src="{vb:stylevar titleimage}" alt="{vb:rawphrase x_powered_by_vbulletin, {vb:raw vboptions.bbtitle}}" /></a></div> <div id="toplinks" class="toplinks"> </div> <div class="ad_global_header"> {vb:raw ad_location.global_header1} {vb:raw ad_location.global_header2} </div> <hr /> {vb:raw ad_location.ad_header_end} </div>
[/B][/B]
