Demo:


Code

Cho vào Overall header:

Code:


<div id="funybox" style="left: 0px; display: none; "><div id="loginbox" class="window login_menu"><div class="loginbox_content"><div class="loginbox_head"><strong>Đăng nhập</strong><span><a href="javascript:displaymenu('#funybox','detrik')" title="Cerrar">x</a></span></div><form action="/login" method="post" name="form_login"><div class="loginbox_username"><label for="username">Tên đăng nhập</label><br><input id="quick_login_username" name="username" type="text"></div><div class="loginbox_password"><label for="password">Mật khẩu</label> <input id="quick_login_password" name="password" type="password"><span class="forgot right"><a class="pmpopup" href="/profile?mode=sendpassword" id="resend_password_link">Quên mật khẩu</a></span><br></div><br class="clearboth"><div class="loginbox_submit"><input type="checkbox" name="autologin" id="autologin" tabindex="4" class="checkbox" checked="checked"><label>Ghi nhớ</label></div><div class="loginbox_submit_button"><input id="signin_submit_remember" name="login" type="submit" value="Đăng nhập"></div></form></div></div></div>

<div id="rep-mail-bar"><div class="kingforuser"><a href="/register"><img src="http://i30.servimg.com/u/f30/17/60/71/24/ky10.png" title="Đăng ký"></a>  <a href="javascript:displaymenu('#funybox','center')"><img src="http://i30.servimg.com/u/f30/17/60/71/24/login10.png" title="Đăng nhập"></a></div></div></div>


<script>jQuery(document).ready( function() {jQuery(".NAMBUSER15").load("/profile?mode=editprofile&page_profil=avatars #pun-visit p strong");});</script><script>function displaymenu(id,lr){ if(lr=="detrik"){var detrik=(($(document).width()/2)-($("#pun-navlinks").width()/3));$(id).css({"detrik":detrik}).slideToggle("slow")}else if(lr=="center"){var left=(($(document).width()-$(id).width())/2);$(id).css({"left":left}).slideToggle("slow")}}</script><script>jQuery(document).ready( function() {jQuery(".POSTERCOUNTSOUR").load("#fa_ticker_block .countpostredfami strong");});</script><script>jQuery(document).ready( function() {jQuery(".VISITELASWINERAD").load("#fa_ticker_block .lasvisitewarriner strong");});</script>
<style>#rep-mail-bar{font-size:11px;height:25px;left:0;position:fixed;top:0;width:100%;z-index:999}
#funybox{background-color:rgba(0,0,0,0.84);display:none;height:100%;position:fixed;width:100%;z-index:999}
#loginbox{-moz-border-radius:5px;-moz-box-shadow:0 0 20px #222;-webkit-border-radius:5px;-webkit-box-shadow:0 0 20px #222;border-radius:5px;box-shadow:0 0 20px #222;font-family:Arial, tahoma, Sans-Serif;font-size:13px;height:180px;left:50%!important;margin:-200px auto auto -300px !important;position:fixed;top:50%!important;width:600px}.loginbox_content{-webkit-transition:5s;background:#F8F8F8;height:100%;width:100%}.loginbox_head{background:#EEE url(http://i.imgur.com/x1C6p.png) repeat-x 0 0;border-bottom:1px solid #DDD;display:inline-block;height:35px;line-height:35px;vertical-align:middle;width:100%}.loginbox_head strong{padding-left:20px}.loginbox_head span a{-moz-border-radius:4px;-webkit-border-radius:4px;background:#999;border:1px solid #777;border-radius:2px;color:#fff;display:inline-block;float:right;font-weight:bolder;height:16px;line-height:14px;margin-right:10px;margin-top:7px;position:relative;text-align:center;width:16px}.loginbox_username{float:left;font-weight:700;margin-top:10px;padding:10px 20px;width:250px}#quick_login_password,#quick_login_username{-moz-box-shadow:inset 0 2px 5px #f0f0f0;-moz-transition:.4s;-ms-transition:.4s;-o-transition:.4s;-webkit-box-shadow:inset 0 2px 5px #F0F0F0;-webkit-transition:.4s;background:#F9F9F9;border:1px solid #CCC;box-shadow:inset 0 2px 5px #F0F0F0;font-size:13px;margin:5px 0;outline:0;padding:5px;transition:.4s;width:260px}.loginbox_password{float:right;margin-top:10px;padding:10px 40px 10px 0;width:250px}.loginbox_password label{font-weight:700}.forgot.right{float:right;position:relative;top:-65px}.forgot.right a{color:#666;display:inline-block;font-size:11px;position:relative;right:-25px;top:2px;width:120px}.loginbox_submit{left:-273px;padding-left:16px;position:relative;top:72px}.loginbox_submit_button{float:right;margin-right:20px;margin-top:50px;position:absolute;right:0}#signin_submit_remember:hover{background:#555 url(http://i.imgur.com/h9h0Y.png) repeat-x}#signin_submit_remember{-moz-border-radius:2px;-moz-box-shadow:inset 0 0 2px #ccc;-moz-transition:0.5s,box-shadow 0;-ms-transition:0.5s,box-shadow 0;-o-transition:0.5s,box-shadow 0;-webkit-border-radius:2px;-webkit-box-shadow:inset 0 0 2px #CCC;-webkit-transition:0.5s,box-shadow 0;background:#777 url(http://i.imgur.com/Db0w3.png) repeat-x;border:1px solid #555;border-radius:2px;box-shadow:inset 0 0 2px #CCC;color:#fff;cursor:pointer;padding:10px 50px;transition:0.5s,box-shadow 0}.loginbox_submit label{margin-left:5px;position:absolute;top:0}

.kingforuser{float:right}</style>

xem

hay

xem

đẹp lắm

xem

xem

đâu

xxxx

úp này