Diễn đàn Arduino Việt Nam | Tôi yêu Việt Nam
Hãy cùng đăng nhập hoặc đăng ký vào diễn đàn để cập nhật những bài viết mới và mở hết chức năng của diễn đàn nào!

Share
Go down
avatar
Administrator
Administrator
Tổng số bài gửi : 181
Points : 504
Reputation : 82
Join date : 20/07/2016
Age : 18
Đến từ : Bến Tre
Xem lý lịch thành viênhttp://vidieukhien-vn.webnode.vn/

CODE BẢNG ĐĂNG NHẬP TRƯỢT PHẢI FORUM

on Fri Apr 28, 2017 11:16 pm
Xin chào các bạn! Hôm nay mình sẽ chia sẽ cho các bạn code đăng nhập trượt theo màn hình cho forum.

Demo trước nhé!



Cách làm:



B1: các bạn copy code này và dán vào cuối Header:
Code:

<!-- BEGIN switch_user_logged_out -->
<div><table width="100%" border="0" cellspacing="0" cellpadding="0"><tbody><tr><td align="left"><div class="guestwarn">

<form action="/login?redirect=/forum" method="post" name="form_login" class="loginform"><table class="c3z1" border="0" cellpadding="0" cellspacing="3"><tbody><tr><td onmouseover="showtip('<b>Nhập Tên và Mật khẩu để đăng nhập vào diễn đàn.</b>');" onmouseout="hidetip();"><input id="username" class="post" size="22" name="username" value="Tên đăng nhập" onblur="if(this.value=='') this.value='Tên đăng nhập';" onfocus="if(this.value=='Tên đăng nhập') this.value='';" type="text"></td><td nowrap="nowrap"><label><img src="http://www.c3zone.net/users/2611/10/63/87/album/rem10.png"><input class="radio" name="autologin" checked="checked" type="checkbox"></label></td></tr><tr><td onmouseover="showtip('<b>Nhập Tên và Mật khẩu để đăng nhập vào diễn đàn.</b>');" onmouseout="hidetip();"><input id="password" class="post" size="10" name="password" value="Password" onblur="if(this.value=='') this.value='Password';" onfocus="if(this.value=='Password') this.value='';" type="password"></td><td nowrap="nowrap"><input class="mainoption" name="login" value="Go!" type="submit"></td></tr></tbody></table></form>
<a href="#tip" class="close" onclick="closeBox('message-1'); return false;" onmouseover="showtip('Thu hẹp khung đăng nhập lại.')" onmouseout="hidetip()"></a>
</div><div class="amature" style="display:none;"><a href="#tip" class="dady" onmouseover="showtip('Mở rộng khung đăng nhập ra!')" onmouseout="hidetip()"><span class=" open"></span>
</a>

</div></td></tr></tbody></table></div>
  <!-- END switch_user_logged_out -->


B2: copy code này chèn vào CSS:
Code:

.guestwarn, .amature {
  background:#000;
  color:#fff;
  max-width:280px;
  min-height:18px;
  padding:0 5px 3px;
  position:fixed;
  right: 2%;
  top: 50%;
  padding: 10px 15px;
  position: fixed;
  z-index: 10;
  font-size:12px;
  -moz-border-radius: 8px;
  -webkit-border-radius: 8px;
  filter:alpha(opacity=88);
  -moz-opacity:.88;
  opacity:.88;
  -moz-box-shadow:5px 5px 5px #191919;
  -webkit-box-shadow:5px 5px 5px #191919;
  box-shadow:5px 5px 5px #191919;
 
}
.close {
  float: right;
  background: transparent url(http://illiweb.com/fa/pbucket.gif);
  width: 30px;
  height: 30px;
  position:fixed;
  right: 2%;
  top: 50%;
  position: fixed;
  z-index: 10;
  background-repeat:no-repeat;
}
.open {
  float: right;
  background: transparent url(http://illiweb.com/fa/pbucket.gif);
  width: 30px;
  height: 30px;
  position:fixed;
  right: 2%;
  top: 50%;
  position: fixed;
  z-index: 10;
  background-repeat:no-repeat;
}
 #password, #subject, #username {
padding : 1px 1px 1px 16px;
width : 100px;
}
#password {
background : #fff url(http://vnteen.co.cc/users/1113/13/44/26/avatars/gallery/pass1010.png)  no-repeat scroll left center;
}
#username {
background : #fff url(http://c3zone.net/users/2611/10/63/87/album/id10.png)  no-repeat scroll left center;
}

B3: các bạn vào phần thêm Script và chèn Code sau vào:
Code:
function hiendn(){
jQuery(".guestwarn").fadeOut("slow",function() {
    jQuery(".amature").fadeIn("slow");
  
})
};
function andn(){
jQuery(".amature").fadeOut("slow",function() {
    jQuery(".guestwarn").fadeIn("slow");
 
  });
};
 
jQuery(document).ready(function(){
jQuery(".close").click(function(){
hiendn();
});
jQuery(".dady").click(function(){
andn();
 
});
});


B4: chèn link script vừa tạo vào Header:
Code:
<script src="link script vừa tạo" type="text/javascript"></script>

Chúc các bạn thành công!
Về Đầu Trang
Permissions in this forum:
Bạn không có quyền trả lời bài viết
Free forum | © phpBB | Free forum support | Liên hệ | Report an abuse | Sosblogs.com