Staff en línea

Página 1 de 2. 1, 2  Siguiente

[Javascript] Login popup para la toolbar
Tema iniciado por y Añadir a favoritos

[Javascript] Login popup para la toolbar 
el Lun Mayo 25, 2015 11:54 pm
staff


Última edición por Chalo el Vie Ene 05, 2018 9:53 am, editado 4 veces
[codebox][/codebox]

[hidecode]
Código:
$(function () {
    $(function () {
        if (_userdata.session_logged_in != 0) return;
        var content = cre('DIV'),
            overlay = cre('DIV'),
            style = cre('STYLE'),
            css = '.loginForm,.loginOverlay{position:fixed;display:none}.loginForm{background:#FBFBFB;border:1px solid #CCC;border-radius:3px;padding:5%;top:20%;left:20%;right:20%;z-index:100001;}@media(max-width:500px){.loginForm{background-image:none}}@media(min-width:1000px){.loginForm{left:25%;right:25%}}.loginForm .loginTitle{font-size:12px;margin:5px 0;}.loginOverlay{background:url(http://i39.servimg.com/u/f39/18/21/41/30/overla10.png);left:0;top:0;right:0;bottom:0;z-index:100000;cursor:pointer}.loginForm div { text-align:center; }.loginForm .inputbox {font-size:14px;height:25px;width:50% !important;border-radius:3px;padding-left:30px;}.loginForm input{margin:5px 0 !important}.loginForm .button1 {font-size:14px;padding:10px 15px !important;width:54% !important}#fa_username {background:url(http://i59.servimg.com/u/f59/18/21/60/73/un10.png) no-repeat 8px center #FFF}#fa_password {background:url(http://i59.servimg.com/u/f59/18/45/41/65/pw10.png) no-repeat 10px center #FFF}';
        content.className = 'loginForm', overlay.className = 'loginOverlay';
        style.type = 'text/css';
        if (style.styleSheet) style.styleSheet.cssText = css;
        else style.appendChild(document.createTextNode(css));
        document.getElementsByTagName('HEAD')[0].appendChild(style);
        content.innerHTML = '<form action="/login" method="post" name="form_login"><div class="loginTitle">Introduce tu usuario y contraseña.</div><div><input tabindex="100" placeholder="usuario" name="username" id="fa_username" size="25" maxlength="40" value="" class="inputbox autowidth" type="text"/></div><div><input tabindex="101" id="fa_password" placeholder="contraseña" name="password" size="25" maxlength="25" class="inputbox autowidth" type="password"/></div><div><input name="redirect" value="' + window.location.pathname + '" type="hidden"><input name="login" tabindex="103" value="Entrar" class="button1" type="submit"></div></form>';
        insert(overlay, content);

        document.getElementById('fa_right').firstChild.onclick = function () {
            display('block');
            document.getElementById('fa_username').focus();
            return false
        };
        overlay.onclick = function () {
            display('none')
        };

        function cre(el) {
            return document.createElement(el)
        };

        function display(val) {
            content.style.display = val, overlay.style.display = val;
        };

        function insert() {
            var args = arguments,
                i;
            for (i = 0; i < args.length; i++) document.body.insertBefore(args[i], document.body.firstChild);
        }
    })
});
[/hidecode]
[likepost][time="5/01/18 - 9:53 hrs."][avatar="https://imgfast.net/users/3214/29/54/58/avatars/6-26.jpg"][userlike="https://www.opensourcephpbb3.com/u6"] YoshiGM[/userlike], [time="5/01/18 - 9 hrs."][avatar="https://imgfast.net/users/3214/29/54/58/avatars/6-26.jpg"][userlike="https://www.opensourcephpbb3.com/u6"] YoshiGM[/userlike], NaNa YoshiGM le gusta tu post[likepost]
Chalo
avatar

¿Que estoy pensando? :

vamos a hacer cosas geniales :) [table class=fecha_up][td]Se modifico:24/05/18 - 11:11 hrs. [/td][/table]


Banner en temas :

https://coverfiles.alphacoders.com/322/32281.jpg


Color de titulos :

#fff


Sombra titulo :

0 0 1px #000


Mensajes :

6715


Puntos :

8782


Me gusta :

1010


ingreso :

17/04/2014


Sexo :

Masculino

Plataforma :

phpbb3


Navegador :

chrome


Ver perfil de usuario https://www.opensourcephpbb3.com

Volver arriba Ir abajo

Re: [Javascript] Login popup para la toolbar 
el Mar Mayo 26, 2015 8:03 am
staff
La verdad es bastante simple y feo...
Dosh
avatar

¿Que estoy pensando? :

Vuelve el hijo prodigo...


Banner en temas :

https://i.imgur.com/JdnysKr.png


Color de titulos :

#fff


Sombra titulo :

1px 1px 1px #fff


Mensajes :

1516


Puntos :

2203


Me gusta :

409


ingreso :

07/12/2014


Sexo :

Masculino

Plataforma :

punbb


Navegador :

Chrome


Ver perfil de usuario http://www.telefoneros.com/

Volver arriba Ir abajo

Re: [Javascript] Login popup para la toolbar 
el Mar Mayo 26, 2015 8:27 am
staff
jaja que le ponemos??
Chalo
avatar

¿Que estoy pensando? :

vamos a hacer cosas geniales :) [table class=fecha_up][td]Se modifico:24/05/18 - 11:11 hrs. [/td][/table]


Banner en temas :

https://coverfiles.alphacoders.com/322/32281.jpg


Color de titulos :

#fff


Sombra titulo :

0 0 1px #000


Mensajes :

6715


Puntos :

8782


Me gusta :

1010


ingreso :

17/04/2014


Sexo :

Masculino

Plataforma :

phpbb3


Navegador :

chrome


Ver perfil de usuario https://www.opensourcephpbb3.com

Volver arriba Ir abajo

Re: [Javascript] Login popup para la toolbar 
el Mar Mayo 26, 2015 9:48 am
staff
@Chalo escribió:[quotelink="/t512-jquery-login-popup-para-la-toolbar#3"]
jaja que le ponemos??

Buscare alguno bueno por hay...
Dosh
avatar

¿Que estoy pensando? :

Vuelve el hijo prodigo...


Banner en temas :

https://i.imgur.com/JdnysKr.png


Color de titulos :

#fff


Sombra titulo :

1px 1px 1px #fff


Mensajes :

1516


Puntos :

2203


Me gusta :

409


ingreso :

07/12/2014


Sexo :

Masculino

Plataforma :

punbb


Navegador :

Chrome


Ver perfil de usuario http://www.telefoneros.com/

Volver arriba Ir abajo

Re: [Javascript] Login popup para la toolbar 
el Mar Mayo 26, 2015 9:55 am
staff
@Dosh escribió:[quotelink="/t512-jquery-login-popup-para-la-toolbar#3"]
@Chalo escribió:[quotelink="/t512-jquery-login-popup-para-la-toolbar#3"]
jaja que le ponemos??

Buscare alguno bueno por hay...

me refiero al diseño Dosh, mi code es perfecto, dime que quieres que tenga la ventana y listo
Chalo
avatar

¿Que estoy pensando? :

vamos a hacer cosas geniales :) [table class=fecha_up][td]Se modifico:24/05/18 - 11:11 hrs. [/td][/table]


Banner en temas :

https://coverfiles.alphacoders.com/322/32281.jpg


Color de titulos :

#fff


Sombra titulo :

0 0 1px #000


Mensajes :

6715


Puntos :

8782


Me gusta :

1010


ingreso :

17/04/2014


Sexo :

Masculino

Plataforma :

phpbb3


Navegador :

chrome


Ver perfil de usuario https://www.opensourcephpbb3.com

Volver arriba Ir abajo

Re: [Javascript] Login popup para la toolbar 
el Mar Mayo 26, 2015 9:55 am
staff
@Dosh escribió:[quotelink="/t512-jquery-login-popup-para-la-toolbar#3"]
@Chalo escribió:[quotelink="/t512-jquery-login-popup-para-la-toolbar#3"]
jaja que le ponemos??

Buscare alguno bueno por hay...

me refiero al diseño Dosh, mi code es perfecto, dime que quieres que tenga la ventana y listo
Chalo
avatar

¿Que estoy pensando? :

vamos a hacer cosas geniales :) [table class=fecha_up][td]Se modifico:24/05/18 - 11:11 hrs. [/td][/table]


Banner en temas :

https://coverfiles.alphacoders.com/322/32281.jpg


Color de titulos :

#fff


Sombra titulo :

0 0 1px #000


Mensajes :

6715


Puntos :

8782


Me gusta :

1010


ingreso :

17/04/2014


Sexo :

Masculino

Plataforma :

phpbb3


Navegador :

chrome


Ver perfil de usuario https://www.opensourcephpbb3.com

Volver arriba Ir abajo

Re: [Javascript] Login popup para la toolbar 
el Mar Mayo 26, 2015 9:58 am
staff
La verdad no se es por eso que quería ver alguna idea por hay pero que dices de algo asi:

https://i.imgur.com/HJdGb7F.png
Dosh
avatar

¿Que estoy pensando? :

Vuelve el hijo prodigo...


Banner en temas :

https://i.imgur.com/JdnysKr.png


Color de titulos :

#fff


Sombra titulo :

1px 1px 1px #fff


Mensajes :

1516


Puntos :

2203


Me gusta :

409


ingreso :

07/12/2014


Sexo :

Masculino

Plataforma :

punbb


Navegador :

Chrome


Ver perfil de usuario http://www.telefoneros.com/

Volver arriba Ir abajo

Re: [Javascript] Login popup para la toolbar 
el Mar Mayo 26, 2015 10:02 am
staff
me pongo en un rato libre a hacerlo, la verdad es que me parecio bonito asi blanco sin nada
Chalo
avatar

¿Que estoy pensando? :

vamos a hacer cosas geniales :) [table class=fecha_up][td]Se modifico:24/05/18 - 11:11 hrs. [/td][/table]


Banner en temas :

https://coverfiles.alphacoders.com/322/32281.jpg


Color de titulos :

#fff


Sombra titulo :

0 0 1px #000


Mensajes :

6715


Puntos :

8782


Me gusta :

1010


ingreso :

17/04/2014


Sexo :

Masculino

Plataforma :

phpbb3


Navegador :

chrome


Ver perfil de usuario https://www.opensourcephpbb3.com

Volver arriba Ir abajo

Re: [Javascript] Login popup para la toolbar 
el Mar Mayo 26, 2015 10:16 am
staff
@Chalo escribió:[quotelink="/t512-jquery-login-popup-para-la-toolbar#3"]
me pongo en un rato libre a hacerlo, la verdad es que me parecio bonito asi blanco sin nada

No, no lo era..
Dosh
avatar

¿Que estoy pensando? :

Vuelve el hijo prodigo...


Banner en temas :

https://i.imgur.com/JdnysKr.png


Color de titulos :

#fff


Sombra titulo :

1px 1px 1px #fff


Mensajes :

1516


Puntos :

2203


Me gusta :

409


ingreso :

07/12/2014


Sexo :

Masculino

Plataforma :

punbb


Navegador :

Chrome


Ver perfil de usuario http://www.telefoneros.com/

Volver arriba Ir abajo

Re: [Javascript] Login popup para la toolbar 
el Mar Mayo 26, 2015 10:18 am
staff
para ti
Chalo
avatar

¿Que estoy pensando? :

vamos a hacer cosas geniales :) [table class=fecha_up][td]Se modifico:24/05/18 - 11:11 hrs. [/td][/table]


Banner en temas :

https://coverfiles.alphacoders.com/322/32281.jpg


Color de titulos :

#fff


Sombra titulo :

0 0 1px #000


Mensajes :

6715


Puntos :

8782


Me gusta :

1010


ingreso :

17/04/2014


Sexo :

Masculino

Plataforma :

phpbb3


Navegador :

chrome


Ver perfil de usuario https://www.opensourcephpbb3.com

Volver arriba Ir abajo

 En la misma categoria


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