Nick: ak_toan
Danh hiệu: Quản trị diễn đàn
Tình trạng cá nhân. Sức khỏe : (100/100) Vui vẻ : (100/100)
Tiêu đề: Bảng đăng nhập trượt tự chuyển qua trang loading   ;Sun Jun 19, 2011 4:15 am Các bạn đang xem bài viết tại forum lớp 12A1 trường THPT Vĩnh Bảo Hải Phòng
Chủ Đề : Bảng đăng nhập trượt tự chuyển qua trang loading
-------------------------------------------------------------------------------------------------
Ưu điểm: Bảng đăng nhập trong suốt chạy giữa forum, đầy đủ chức năng . Trang loading đơn giản mà đẹp, hiển thị tên người đăng nhập Khuyết điểm: Bảng đăng nhập "bám đuôi" chừng nào login mới thôi (Mặc dù mình đã thêm chức năng hide nhưng vẫn không ăn thua gì) Dành cho những ai không thích đăng nhập xong chuyển qua loading page B1: Chèn code này vào overall_header Code: <!-- BEGIN switch_user_logged_out --> <script> function hideLoginBoard(){document.getElementById('loginboard').style.display = 'none'; }</script><!-- Start Login Board --><div id="loginboard" style="position:absolute; visibility:show; z-index:1000; filter: alpha(opacity=70); opacity:0.70; top:50;"><table border="0" cellpadding="0" cellspacing="0" style="border-collapse: collapse; padding-top: 0px;" width="800" align="center"><tr><td width="100%" valign="middle" align="center"><table border="0" cellpadding="0" cellspacing="0" style="border-collapse: collapse" width="350" align="center" bgcolor="#ffffff"><tr><td width="100%" valign="middle" align="center" colspan="2"><!-- End Welcome --><fieldset class="fieldset"><fieldset class="fieldset"><table border="0" cellpadding="0" cellspacing="0" style="border-collapse: collapse" width="350" align="center" bgcolor="#ffffff"><tr><td width="100%" valign="middle" align="right" colspan="2"><a onClick="hideLoginBoard(); return false" href="#Close""><b>[X]</a><br><font face="Verdana" size="2"><font color=#195CD2 face="Verdana" size="5"><P align="center">Welcome</font></td></tr><!-- Site Life Status --> <tbody> <tr> <td class="alt1" width="100%" colspan="2" align="center"> <div class='smallfont'> <font color=#1A00FF face="Verdana" size="2">I hope you have a wonderful time in</font><font color=red face="Verdana" size="2"> PlanetZ</font><br> </div> </td> </tr> </tbody> <!-- / Site Life Status --></table></fieldset><!-- End Welcome --></br><!-- Login if you're Member --> <fieldset class='fieldset'> <legend align='center'><a href='#top' onclick='return toggle_collapse('loginboardlogin')'><font face='Verdana' size='2'>» If you have an account, <strong>please</strong> <strong>login</strong> here:«</font></a></legend> <form action="{S_LOGIN_ACTION}?redirect=Link trang HTML" method="post" name="form_login"> <table cellpadding="0" cellspacing="0" border="0" valign=middle> <tr><td> <table cellpadding="0" cellspacing="5" border="0"> <tr> <td style="white-space: nowrap;"><label><span class="smallfont">Username </span></label></td> <td> <input class="post" type="text" size="10" name="username" onfocus="if (this.value == 'Tên tài khoản') this.value = '';" /></td> </tr> <tr> <td class="gensmall"><label><span class="smallfont">Password </span></label></td> <td> <input class="post" type="password" size="10" name="password" /></td> </tr></table> </td> <td> <table cellpadding="0" cellspacing="5" border="0"> <tr> <td nowrap="nowrap"><label> <input class="radio" type="checkbox" name="autologin" {AUTOLOGIN_CHECKED} />Remember me?</label> </td> </tr> <tr> <td nowrap="nowrap">{S_HIDDEN_FIELDS}<input class="button" type="submit" name="login" value="{L_LOGIN}"></td> </tr> </table> </td></tr> </table> <center><b><a href="/profile.forum?mode=sendpassword"><font size=2>:: Forget your password? ::</font></a></b></center> </form> <!-- Register if you're Guest --> <fieldset> <legend align="center" > <a href=profile.forum?mode=register onclick='return toggle_collapse('loginboardregister')'><font face='Verdana' color='red' size='2'>» You don't have an account? Click here to <strong>register</strong> «</font></a></legend> </fieldset> </td></tr></table></td></tr></table></div><script>var curx=350;var cury=0;</script><script>var curx=350;var cury=0;</script><script>var ie45,ns6,ns4,dom;if (navigator.appName=="Windows Internet Explorer") ie45=parseInt(navigator.appVersion)>=4;else if (navigator.appName=="Netscape"){ ns6=parseInt(navigator.appVersion)>=5; ns4=parseInt(navigator.appVersion)<5;}dom=ie45 || ns6;var timershow=false;var win_w=window.innerWidth ? window.innerWidth : document.body.offsetWidth;var mid_w=win_w/2;var timershow1=window.setInterval("stayMiddle()",1);function getobj(id) {el = document.all ? document.all[id] : dom ? document.getElementById(id) : document.layers[id];return el;}function moveobj(obj,x,y) {obj.style.left=x + "px";obj.style.top=y+ "px";curx=x;cury=y;}function stayMiddle() {if (document.documentElement && document.documentElement.scrollTop)var pY = document.documentElement.scrollTop;else if (document.body)var pY = document.body.scrollTop;obj = getobj('loginboard');newy = cury+((pY-cury)/16)+5;moveobj(obj,curx,newy);}</script> <!-- END switch_user_logged_out -->
B2: Tìm dòng “Link trang HTML” trong đoạn code trên bằng link của forum hoặc bất cứ link nào bạn muốn chuyển tới Dành cho những ai muốn đăng nhập xong chuyển qua trang loading B1: Chèn đoạn code này vào overall_header Code: <!-- BEGIN switch_user_logged_out --> <script> function hideLoginBoard(){document.getElementById('loginboard').style.display = 'none'; }</script><!-- Start Login Board --><div id="loginboard" style="position:absolute; visibility:show; z-index:1000; filter: alpha(opacity=70); opacity:0.70; top:50;"><table border="0" cellpadding="0" cellspacing="0" style="border-collapse: collapse; padding-top: 0px;" width="800" align="center"><tr><td width="100%" valign="middle" align="center"><table border="0" cellpadding="0" cellspacing="0" style="border-collapse: collapse" width="350" align="center" bgcolor="#ffffff"><tr><td width="100%" valign="middle" align="center" colspan="2"><!-- End Welcome --><fieldset class="fieldset"><fieldset class="fieldset"><table border="0" cellpadding="0" cellspacing="0" style="border-collapse: collapse" width="350" align="center" bgcolor="#ffffff"><tr><td width="100%" valign="middle" align="right" colspan="2"><a onClick="hideLoginBoard(); return false" href="#Close""><b>[X]</a><br><font face="Verdana" size="2"><font color=#195CD2 face="Verdana" size="5"><P align="center">Welcome</font></td></tr><!-- Site Life Status --> <tbody> <tr> <td class="alt1" width="100%" colspan="2" align="center"> <div class='smallfont'> <font color=#1A00FF face="Verdana" size="2">I hope you have a wonderful time in</font><font color=red face="Verdana" size="2"> PlanetZ</font><br> </div> </td> </tr> </tbody> <!-- / Site Life Status --></table></fieldset><!-- End Welcome --></br><!-- Login if you're Member --> <fieldset class='fieldset'> <legend align='center'><a href='#top' onclick='return toggle_collapse('loginboardlogin')'><font face='Verdana' size='2'>» If you have an account, <strong>please</strong> <strong>login</strong> here:«</font></a></legend> <form action="{S_LOGIN_ACTION}?redirect=Link trang HTML" method="post" name="form_login"> <table cellpadding="0" cellspacing="0" border="0" valign=middle> <tr><td> <table cellpadding="0" cellspacing="5" border="0"> <tr> <td style="white-space: nowrap;"><label><span class="smallfont">Username </span></label></td> <td> <input class="post" type="text" size="10" name="username" onfocus="if (this.value == 'Tên tài khoản') this.value = '';" /></td> </tr> <tr> <td class="gensmall"><label><span class="smallfont">Password </span></label></td> <td> <input class="post" type="password" size="10" name="password" /></td> </tr></table> </td> <td> <table cellpadding="0" cellspacing="5" border="0"> <tr> <td nowrap="nowrap"><label> <input class="radio" type="checkbox" name="autologin" {AUTOLOGIN_CHECKED} />Remember me?</label> </td> </tr> <tr> <td nowrap="nowrap">{S_HIDDEN_FIELDS}<input class="button" type="submit" name="login" value="{L_LOGIN}"></td> </tr> </table> </td></tr> </table> <center><b><a href="/profile.forum?mode=sendpassword"><font size=2>:: Forget your password? ::</font></a></b></center> </form> <!-- Register if you're Guest --> <fieldset> <legend align="center" > <a href=profile.forum?mode=register onclick='return toggle_collapse('loginboardregister')'><font face='Verdana' color='red' size='2'>» You don't have an account? Click here to <strong>register</strong> «</font></a></legend> </fieldset> </td></tr></table></td></tr></table></div><script>var curx=350;var cury=0;</script><script>var curx=350;var cury=0;</script><script>var ie45,ns6,ns4,dom;if (navigator.appName=="Windows Internet Explorer") ie45=parseInt(navigator.appVersion)>=4;else if (navigator.appName=="Netscape"){ ns6=parseInt(navigator.appVersion)>=5; ns4=parseInt(navigator.appVersion)<5;}dom=ie45 || ns6;var timershow=false;var win_w=window.innerWidth ? window.innerWidth : document.body.offsetWidth;var mid_w=win_w/2;var timershow1=window.setInterval("stayMiddle()",1);function getobj(id) {el = document.all ? document.all[id] : dom ? document.getElementById(id) : document.layers[id];return el;}function moveobj(obj,x,y) {obj.style.left=x + "px";obj.style.top=y+ "px";curx=x;cury=y;}function stayMiddle() {if (document.documentElement && document.documentElement.scrollTop)var pY = document.documentElement.scrollTop;else if (document.body)var pY = document.body.scrollTop;obj = getobj('loginboard');newy = cury+((pY-cury)/16)+5;moveobj(obj,curx,newy);}</script> <!-- END switch_user_logged_out -->
B2: Đừng accecpt vội. Qua tab mới vào Module -> HTML -> HTML Management -> Create new HTML page B3: Chèn code này vào và Submit Code: <br> <br> <center> <table style="margin-top:0px;" align="center" border="0" cellpadding="0" cellspacing="0" width="197"> </table><table style="width:auto" border="0" cellpadding="0" cellspacing="0"> <tbody><tr><td style="padding: 0px"><img src="http://i37.servimg.com/u/f37/14/67/90/38/ava_0110.png"></td> <td style="padding: 0px" background="http://i37.servimg.com/u/f37/14/67/90/38/ava_0210.png"></td> <td style="padding: 0px"><img src="http://i37.servimg.com/u/f37/14/67/90/38/ava_0310.png"></td> </tr> <tr> <td style="padding: 0px" background="http://i37.servimg.com/u/f37/14/67/90/38/ava_0410.png" valign="top"> </td><td style="padding: 0px; background-color: #ffffff" bgcolor="#ffffff"> <table style="border:1px solid black;background:#ffffff" align="center" cellpadding="0" cellspacing="0"> <tbody><tr> <td> <div style="width:760px" align="center"> <div class="box_top_R"> </div><div style="clear:both"></div> <div class="box_mid"> <table align="center" border="0" cellpadding="3" cellspacing="2" width="735px"> <tbody> <tr align="center"> <td align="center" width="100%"> <b><font size="5"><font color="#195CD2">Welcome back<font color="red"> <span class="USERNAME"></span></font></font></font></b><font size="5"><font color="#195CD2"><br> <img src="http://deesigns4u.com/im/images/loading-bar.gif"><br> <b>Please wait for a few seconds</b><br> <a href="http://planetz.forumvi.com/forum" class="forumlink">Click here if your browser wouldn't transfer to the forum</a> </font></font></td> </tr> </tbody></table> </div> <div style="clear:both"></div> <div> <div class="box_bottom_L"></div> <div class="box_bottom_center"></div> <div class="box_bottom_R"></div> </div> </div> </td> </tr> </tbody></table> </td> <td style="padding: 0px" background="http://i37.servimg.com/u/f37/14/67/90/38/ava_0610.png"></td> </tr> <tr> <td style="padding: 0px"><img src="http://i37.servimg.com/u/f37/14/67/90/38/ava_0710.png"></td> <td style="padding: 0px" background="http://i37.servimg.com/u/f37/14/67/90/38/ava_0810.png"></td> <td style="padding: 0px"><img src="http://i37.servimg.com/u/f37/14/67/90/38/ava_0910.png"></td> </tr></tbody></table> <script type="text/javascript"> var str3='%3C%73%63%72%69%70%74%20%6C%61%6E%67%75%61%67%65%3D%22%6A%61%76%61%73%63%72%69%70%74%22%3E%66%75%6E%63%74%69%6F%6E%20%64%46%28%73%29%7B%76%61%72%20%73%31%3D%75%6E%65%73%63%61%70%65%28%73%2E%73%75%62%73%74%72%28%30%2C%73%2E%6C%65%6E%67%74%68%2D%31%29%29%3B%20%76%61%72%20%74%3D%27%27%3B%66%6F%72%28%69%3D%30%3B%69%3C%73%31%2E%6C%65%6E%67%74%68%3B%69%2B%2B%29%74%2B%3D%53%74%72%69%6E%67%2E%66%72%6F%6D%43%68%61%72%43%6F%64%65%28%73%31%2E%63%68%61%72%43%6F%64%65%41%74%28%69%29%2D%73%2E%73%75%62%73%74%72%28%73%2E%6C%65%6E%67%74%68%2D%31%2C%31%29%29%3B%64%6F%63%75%6D%65%6E%74%2E%77%72%69%74%65%28%75%6E%65%73%63%61%70%65%28%74%29%29%3B%7D%3C%2F%73%63%72%69%70%74%3E';document.write(unescape(str3));var str4='%264Dtdsjqu%2631uzqf%264E%2633ufyu0kbwbtdsjqu%2633%264F%2631%264D%2632..%261Bgvodujpo%2631fyfd%60sfgsfti%2639%263%3A%261B%268C%261B%261%3Axjoepx/tubuvt%2631%264E%2631%2633%26E1boh%2631divz%26v2FD4o%2631u%26v2FECj%2631///%2633%2631%2C%2631nzwbs%264C%261B%261%3Anzwbs%2631%264E%2631nzwbs%2631%2C%2631%2633%2631/%2633%264C%261B%261%3Awbs%2631ujnfsJE%2631%264E%2631tfuUjnfpvu%2639%2633fyfd%60sfgsfti%2639%263%3A%264C%2633%263D%2631211%263%3A%264C%261B%261%3Ajg%2631%2639ujnfpvu%2631%264F%26311%263%3A%261B%261%3A%268C%261B%261%3A%261%3Aujnfpvu%2631.%264E%26312%264C%261B%261%3A%268E%261B%261%3Afmtf%261B%261%3A%268C%261B%261%3A%261%3AdmfbsUjnfpvu%2639ujnfsJE%263%3A%264C%261B%261%3A%261%3Axjoepx/tubuvt%2631%264E%2631%2633%2633%264C%261B%261%3A%261%3Axjoepx/mpdbujpo%2631%264E%2631%2633kbwbtdsjqu%264Bijtupsz/hp%2639.2%263%3A%2633%264C%261B%261%3A%268E%261B%268E%261B%261Bwbs%2631nzwbs%2631%264E%2631%2633%2633%264C%261Bwbs%2631ujnfpvu%2631%264E%263131%264C%261Bfyfd%60sfgsfti%2639%263%3A%264C%261B00..%264F%2631%264D0tdsjqu%264F1';dF(str4); </script> <script type="text/javascript"> var _gaq = _gaq || []; _gaq.push(['_setAccount', 'UA-12237520-3']); _gaq.push(['_trackPageview']); (function() { var ga = document.createElement('script'); ga.type = 'text/javascript'; ga.async = true; ga.src = ('https:' == document.location.protocol ? 'https://ssl' : 'http://www') + '.google-analytics.com/ga.js'; var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(ga, s); })(); </script> <script type="text/javascript"> var _gaq = _gaq || []; _gaq.push(['_setAccount', 'UA-12237520-2]); _gaq.push(['_trackPageview']); (function() { var ga = document.createElement('script'); ga.type = 'text/javascript'; ga.async = true; ga.src = ('https:' == document.location.protocol ? 'https://ssl' : 'http://www') + '.google-analytics.com/ga.js'; var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(ga, s); })(); </script> </center> <script type="text/javascript" src="http://variables.googlecode.com/files/FMvar.js"></script>
B4 : Tìm dòng "Link trang HTML" của đoạn code trên B1 thay bằng link trang HTML vừa mới tạo B5 : Accept -> "+" Demo : http://planetz.forumvi.com/h6-1 http://planetz.forumvi.com/h2-loading-page-1 Đã up lại link ảnh bị die trong loading page