 Fenix de Plata |
"> | 
| Sorel | |
|
 Login con Overlay - 12/2/2013, 12:09 pm
Es lo van a poner en su base de CSS Stylesheet de sus foros - Código:
#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: https://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
} Este es el código Script al estilo Overlar:Esto lo pueden colocar en cualquier parte que usted desee que salga el botón. - Código:
<div id="funybox" style="left: 0px; display: none; ">
<div id="loginbox" class="window login_menu">
<div class="loginbox_content">
<div class="loginbox_head"><strong>Iniciar sesión</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">Nombre de usuario</label>
<br>
<input id="quick_login_username" name="username" type="text">
</div>
<div class="loginbox_password">
<label for="password">Contraseña</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">He olvidado mi contraseña</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>¿Recordarme en este equipo?</label>
</div>
<div class="loginbox_submit_button">
<input id="signin_submit_remember" name="login" type="submit" value="Iniciar sesión">
</div>
</form>
</div>
</div>
</div>
<div id="rep-mail-bar">
<div class="kingforuser">
<a href="javascript:displaymenu('#funybox','center')">Ir al Panel de Administración</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> Y listo ya tienes instalado tu Login Overlay.
|
| Permisos de este foro: | No puedes responder a temas en este foro.
Código [IMG] está Activado Código HTML está Activado
|
|
|
Linear Mode
