Staff en línea
Últimos temas
[Ocio] Contemos hasta el 5000
por Roger Hoy a las 1:56 am

[ayuda] mostrar y ocultar div
por RinC Vie Dic 15, 2017 5:17 pm

[html]Colección de Cards informátivo
por Julinho Vie Dic 15, 2017 3:19 pm

[html]Menú de enlaces simple
por Andreii Vie Dic 15, 2017 2:36 pm

[html]Escaparate de imágenes sencillo
por Andreii Vie Dic 15, 2017 2:30 pm

Página 2 de 2. Precedente  1, 2

[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
Mensaje  Chalo


Última edición por Chalo el Vie Mar 04, 2016 12:34 pm, editado 1 vez
Recuerdo del primer mensaje :

[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]
staff
Chalo
avatar

¿Que estoy pensando? :

los dias de ocio son geniales [table class=fecha_up][td]Se modifico:13/12/17 - 11:40 hrs. [/td][/table]


Banner en temas :

http://i.imgur.com/XlCMsAOh.jpeg


Color de titulos :

#fff


Sombra titulo :

0 0 1px #000


Mensajes :

6469


Puntos :

8481


Me gusta :

967


ingreso :

17/04/2014


Sexo :

Masculino

Plataforma :

phpbb3


Navegador :

chrome


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

Volver arriba Ir abajo

Re: [Javascript] Login popup para la toolbar 
el Mar Mayo 26, 2015 1:08 pm
Mensaje  RinC
jajajajajaaj
staff
RinC
avatar

¿Que estoy pensando? :

Ya echaba de menos mi open!


Banner en temas :

http://i.imgur.com/WpuuVJy.jpg


Color de titulos :

#DF7401


Sombra titulo :

1px 1px 1px #fff


Mensajes :

781


Puntos :

1122


Me gusta :

183


ingreso :

28/01/2015


Sexo :

Femenino

Plataforma :

PhpBB3


Navegador :

Chrome


Ver perfil de usuario

Volver arriba Ir abajo

Re: [Javascript] Login popup para la toolbar 
el Mar Mayo 26, 2015 2:26 pm
Mensaje  CD"MA
Provemos, y si en un caso ponen un mejor diseño lo usamos ^_^
CD"MA
avatar

¿Que estoy pensando? :

Escribe lo que tienes en mente [table class=fecha_up][td]Se modifico:10/7/15 - 15:25 hrs.[/td][/table]


Banner en temas :

http://www.covermyfb.com/media/covers/thumb/15699-dj-spinning-music.jpg


Color de titulos :

red


Sombra titulo :

1px 1px 1px #ccc


Mensajes :

336


Puntos :

472


Me gusta :

44


ingreso :

16/05/2015


Sexo :

Masculino

Plataforma :

PhpBB3


Navegador :

Chrome


Ver perfil de usuario

Volver arriba Ir abajo

Re: [Javascript] Login popup para la toolbar 
el Mar Mayo 26, 2015 2:27 pm
Mensaje  RinC
El diseño a mi me gusta, es muy minimalista y te permite diseñarlo al gusto de cada uno.
staff
RinC
avatar

¿Que estoy pensando? :

Ya echaba de menos mi open!


Banner en temas :

http://i.imgur.com/WpuuVJy.jpg


Color de titulos :

#DF7401


Sombra titulo :

1px 1px 1px #fff


Mensajes :

781


Puntos :

1122


Me gusta :

183


ingreso :

28/01/2015


Sexo :

Femenino

Plataforma :

PhpBB3


Navegador :

Chrome


Ver perfil de usuario

Volver arriba Ir abajo

Re: [Javascript] Login popup para la toolbar 
el Mar Mayo 26, 2015 2:32 pm
Mensaje  Dosh
@Chalo escribió:para ti

staff
Dosh
avatar

¿Que estoy pensando? :

Caballo sin nombre... [table class=fecha_up][td]Se modifico:31/07/17 - 20:22 hrs. [/td][/table]


Banner en temas :

http://i.imgur.com/FzYAhXk.jpg


Color de titulos :

#fff


Sombra titulo :

1px 1px 1px #fff


Mensajes :

1481


Puntos :

2155


Me gusta :

396


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 Jue Jun 25, 2015 2:17 pm
Mensaje  july
Muy bueno y se puede ajustar a la comodidad de uno
july
avatar

¿Que estoy pensando? :

Escribe lo que tienes en mente [table class=fecha_up][td]Se modifico:10/7/15 - 15:25 hrs.[/td][/table]


Banner en temas :

http://4.bp.blogspot.com/-IsO0oLsCIOM/UbK9UmlI26I/AAAAAAAAAwk/5KdfinCXZT8/s1600/VioGirlTiFbCoverPic.jpg


Color de titulos :

#333


Sombra titulo :

1px 1px 1px #fff


Mensajes :

12


Puntos :

14


Me gusta :

2


ingreso :

25/06/2015


Sexo :

Femenino

Plataforma :

PhpBB3


Navegador :

Chrome


Ver perfil de usuario

Volver arriba Ir abajo

Re: [Javascript] Login popup para la toolbar 
el Vie Mar 04, 2016 9:23 am
Arigatou gozamazu (Muchas gracias) ^^
S.D.Locky
avatar

¿Que estoy pensando? :

Cabras voladoras por todos lados <3 [table class=fecha_up][td]Se modifico:28/12/15 - 22:08 hrs.[/td][/table]


Banner en temas :

http://profilerehab.com/facebook_covers/st_patricks/lucky_clover_cover_1.jpg


Color de titulos :

#333


Sombra titulo :

1px 1px 1px #fff


Mensajes :

18


Puntos :

23


Me gusta :

3


ingreso :

28/12/2015


Sexo :

Femenino

Plataforma :

PhpBB3


Navegador :

Chrome


Ver perfil de usuario

Volver arriba Ir abajo

Re: [Javascript] Login popup para la toolbar 
el Lun Ene 09, 2017 5:00 pm
excelente a ver, gracias chalo...
angiemg
avatar

¿Que estoy pensando? :

Con mucho frio [table class=fecha_up][td]Se modifico:21/01/16 - 11:58 hrs.[/td][/table]


Banner en temas :

http://i.imgur.com/p6GfH0S.jpg


Color de titulos :

#333


Sombra titulo :

1px 1px 1px #fff


Mensajes :

70


Puntos :

98


Me gusta :

12


ingreso :

26/08/2015


Sexo :

Femenino

Plataforma :

PhpBB3


Navegador :

Chrome


Ver perfil de usuario

Volver arriba Ir abajo

 En la misma categoria


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