Cargando...
Notificaciones Password  Username

Regresar CPortada - Mas que un foro, tu Comunidad.  » Recursos para Forumotion - Foroactivo » Scripts
Actualizar esta página Login con Overlay
Nombre de Usuario:
Contraseña:
   

Responder al tema
 
Herramientas Modos de visualización

  
(#1)
Old  Administrador
">
Administrador
Sorel
56225906705/02/2009PeruAdministrador de CPortadahttp://i.imgur.com/PTSSOex.png
 
icon1 Login con Overlay el 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: 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
    }

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.



— Bienvenido, Invitado a CPortada —
"Tu edad no define tu madurez, tus notas no definen tu inteligencia y los rumores no definen quien eres..."
"Una mirada fría, no siempre significa un corazón sin amor..."

Ven y transfórmate en leyenda... O márchate y permanece en el olvido.
http://www.cportada.forum.st

Comentar con facebook:
 
Permisos de este foro:
No puedes responder a temas en este foro.

 Los Códigos BB están Activado
 Los Emoticonos están Activado
 Código [IMG] está Activado
 Código HTML está Activado