Announcements
Top posters
Light Knight (379)
 
harryumefor (15)
 
WallPoints (5)
 
Zuni Thoang (4)
 

Most active topic starters
Top posting users this week


[Code] Login Lightbox LG editted

Xem chủ đề cũ hơn Xem chủ đề mới hơn Go down

avatar
Light Knight
Admin
Giới Tính : Nam Số Bài Gửi Số Bài Gửi : 379
Tài Khoản Tài Khoản : 58523
Được Cảm Ơn Được Cảm Ơn : 167
Huy Hiệu :
Pet :
Nhân Vật :

Tài Sản
Tài Sản: thuthoi41
Xem lý lịch thành viên http://knight.cool.st

Bài gửiLight Knight

Chán chán ngồi edit lại cái login này, thay cái close thành 1 hình ảnh khi click vào thì popup sẽ đóng và tự mở 1 trang đăng ký (bức xúc cho nạn nhân Tôi thích em ) Bỏ thêm cái "Tôi quên passworld" cho oách meo
Script (in the all page):


Code:
$(function() {
var tgl = document.getElementById('i_icon_mini_login'); if(!tgl) return; var tgu = document.location.href; $('body').append('<div id="LGlogin_form" class="LGlogin_form-float" style="display: none;"><div class="LGlogin_form-float-content"><div class="LGlogin_form-float-div"><form  id="LGloginform" method="post" method="post" action="/login?redirect='+tgu+'"><label><em><img style="margin: 3px;" src="http://www.servimg.com/u/f78/18/20/97/12/icon0110.png"><font color="white">.</font>Name: </em><input id="username" type="text" name="username"></label><label><em><img style="margin:3px;" src="http://i78.servimg.com/u/f78/18/20/97/12/icon0210.png"><font color="white">1.</font>Pass: </em><input id="password" type="password" name="password"></label><label style="float: left; margin-top: 5px; text-align: left;"><em style="margin-right: 10px; margin-top: 3px; width: 85px; margin-left: 7px;">Remember? </em><input type="checkbox" name="autologin" checked="true" style="width: 20px;"></br><em style=" margin-top: 3px;  width: 140px;"><a href="/profile?mode=sendpassword">I forgot my password</a></em></label><input id="submit" type="submit" name="login" value="Login" class="submit"></form></div></div><span class="LGClose"><a href="/register"><img style="margin-top: -10px;" src="http://i78.servimg.com/u/f78/18/20/97/12/exit10.png" title="Register"></a></span></div><div id="LGfade" class="LGlogin_form-float_overlay"></div>'); var Copyrights = 'TLGoginform with jQuery - ©Copyright by giObanii - Edit by DrDuyWin. ©Copyright by toxigeek.com. All Rights Reserved.'; $('a[href="/login"], a[href="/login?connexion"]').attr('href', '#').click(function (e) { $('#LGlogin_form').fadeToggle('slow',  'linear'); return false; }).click(function(e) {$('#LGfade').css('display', 'block' ); $('#LGlogin_form').css('left', '35%').css('top', '40%'); }); $('.LGClose').click(function() { $('#LGlogin_form, #LGfade').fadeToggle("slow", "linear"); });
});

CSS:


Code:
/* Bloque Login Flotante Style LightBox ©Copyright by giObanii - toxigeek.com. */
#LGlogin_form {position: fixed;z-index: 999; height: 130px; padding: 0; verflow: auto;  width: 330px; margin: 0; background: #f9f9f9; color: #444; /* ©Copyright by giObanii.*/ text-shadow: none; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; -webkit-box-shadow: 0 10px 25px rgba(0, 0, 0, 0.5); -moz-box-shadow: 0 10px 25px rgba(0, 0, 0, 0.5); box-shadow: 0 10px 25px rgba(0, 0, 0, 0.5);}
.LGlogin_form-float-content{width: 320px; height: 120px; background: none repeat scroll 0% 0% transparent;}
.LGlogin_form-float-div {
background: url("http://i78.servimg.com/u/f78/18/20/97/12/2jci9c10.png") no-repeat scroll left center transparent;
margin: 0 auto;
padding: 20px 1px 1px 54px;
width: 250px;
}
.LGlogin_form-float-div label {font-family: Verdana;display: block;font-size: 12px;padding-bottom: 5px;text-align: right;}
.LGlogin_form-float-div label em {color: #000000;font-family: Verdana;display: block;float: left;font-style: normal;width: 80px;font-size: 12px;text-align: right;}
.LGlogin_form-float-div input {border: 1px solid #CCCCCC;height: 22px;width: 146px;}
.LGlogin_form-float-div input.submit {
float: right;
height: auto;
width: auto;
}
.LGlogin_form-float-div input.submit:active {position:relative; top: 1px;}
.LGlogin_form-float-div input.submit:hover, .LGlogin_form-float-div input.submit:focus {cursor:pointer;color:#000;}
.LGlogin_form-float_overlay{display: none;position:fixed;top: 0%;left: 0%;width: 100%;height: 100%; background-color: black;z-index: 9;-moz-opacity: 0.8;opacity:.80;filter: alpha(opacity=80);}
#LGlogin_form .LGClose {cursor: pointer;bottom: 3px;color: #000000;font-size: 15px;font-weight: 700;position: absolute;right: 273px;top:84px;}
#LGlogin_form .LGClose:active {color: #FF0000 !important;bottom: 2px;}
/* ©Copyright by giObanii. All Rights Reserved. */

Xem chủ đề cũ hơn Xem chủ đề mới hơn Về Đầu Trang

Share this post on: Excite BookmarksDiggRedditDel.icio.usGoogleLiveSlashdotNetscapeTechnoratiStumbleUponNewsvineFurlYahooSmarking

Create an account or log in to leave a reply

You need to be a member in order to leave a reply.

Create an account

Join our community by creating a new account. It's easy!


Create a new account

Log in

Already have an account? No problem, log in here.


Log in

 
Permissions in this forum:
Bạn không có quyền trả lời bài viết