Staff en línea

Página 1 de 2. 1, 2  Siguiente

[Javascript] Login tipo google para el panel de administración
Tema iniciado por y Añadir a favoritos

Mensaje  Chalo


Última edición por Chalo el Miér Jun 17, 2015 7:29 pm, editado 3 veces
[codebox]Descripción del code[/codebox]

Primero crearemos una pagina HTML, donde dice usar la parte de arriba y de bajo ponemos NO
[hidecode]
Código:
<!DOCTYPE html>
<html>
<meta content="text/html; charset=utf-8" http-equiv="Content-Type" />
<head>
    <title>Painel de login administrativo</title>
    <link rel="stylesheet" type="text/css" href="https://googledrive.com/host/0Bxaa_QAP8kJtQm5rR0xZV0VEU2c/painellogin.css" />
</head>

<body>
    <main>
        <section class="google-login">
            <section class="logo"><img alt="Logo" class="logo" src="" /></section>
            <section class="banner">
                <h2>Escribe tu contraseña nuevamente</h2></section>
            <section class="sign-in">
                <div class="avatar"><img src="//i78.servimg.com/u/f78/18/17/62/92/defaul10.png" alt="Avatar" /></div>
                <p class="username"></p>
                <p class="email"></p>
                <form action='/login' id='qstring' name="form_login" method='post'>
                    <input type="password" placeholder="Contraseña" id="password" tabindex="2" name="password" class="password" autofocus/>
                    <br/>
                    <input type="submit" name="login" tabindex="6" value="Aceptar" class="login" />
                    <input type="hidden" name="redirect" value="/admin/index.forum" />
                    <input type="hidden" name="query" value="part=admin" />
                    <input type="hidden" name="admin" value="1" />
                    <input type="hidden" size="20" id="username" tabindex="1" name="username" value="" />
                </form>
            </section>
        </section>
    </main>
    <footer>
        <ul>
            <li class="forumname"><a href="/forum">Homepage</a></li>
            <li><a target="_blank">Copyrights</a></li>
        </ul>
    </footer>
    <script type="text/javascript" src="//code.jquery.com/jquery-1.10.2.min.js"></script>
    <script type="text/javascript" src="//googledrive.com/host/0Bxaa_QAP8kJtQm5rR0xZV0VEU2c/painellogin.js"></script>
</body>

</html>
[/hidecode]

Luego colocamos en Todos este Javascript

Código:
$(function() {
  $'a[href*="/admin"]').attr('href','/ID-');
});

[warning]donde dice ID debe colocar el nombre de la pagina[/warning]



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 :

6465


Puntos :

8477


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

Mensaje  CD"MA
Muy bueno gracias ;)
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

veamos pues, este login me mola mas que el que ya tenia..
arsenico
avatar

¿Que estoy pensando? :

Baneado del foro [table class=fecha_up][td]Se modifico:12/12/15 - 18:20 hrs.[/td][/table]


Banner en temas :

http://www.pagecovers.com/covers/electronic_music/music_drum_bass_beats.jpg


Color de titulos :

#fff


Sombra titulo :

1px 1px 1px #fff


Mensajes :

361


Puntos :

495


Me gusta :

52


ingreso :

10/03/2015


Sexo :

Masculino

Plataforma :

PhpBB3


Navegador :

firefox


Ver perfil de usuario http://losslesscity.foroactivo.com/

Volver arriba Ir abajo

Mensaje  mrsrz
Previsualizo este magnifico post!
mrsrz
avatar

¿Que estoy pensando? :

... [table class=fecha_up][td]Se modifico:25/11/16 - 19:20 hrs.[/td][/table]


Banner en temas :

http://profilerehab.com/facebook_covers/musical/cool_guitar_cover_9.jpg


Color de titulos :

#fff


Sombra titulo :

1px 1px 1px #fff


Mensajes :

419


Puntos :

587


Me gusta :

60


ingreso :

23/12/2014


Sexo :

Masculino

Plataforma :

PunBB


Navegador :

Chrome


Ver perfil de usuario http://musicinstant.host-es.com/

Volver arriba Ir abajo

Mensaje  Amru G
Le voy a dar un vistazo
staff
Amru G
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://i19.servimg.com/u/f19/19/17/54/05/portad11.jpg


Color de titulos :

#ffffff


Sombra titulo :

1px 1px 1px #fff


Mensajes :

449


Puntos :

536


Me gusta :

83


ingreso :

27/05/2015


Sexo :

Masculino

Plataforma :

PhpBB3


Navegador :

Chrome


Ver perfil de usuario http://elfutbol.activo.mx/

Volver arriba Ir abajo

Mensaje  mrsrz
[tag]Chalo[/tag] No funciona, es mas... Interfiere con otros javascripts...
mrsrz
avatar

¿Que estoy pensando? :

... [table class=fecha_up][td]Se modifico:25/11/16 - 19:20 hrs.[/td][/table]


Banner en temas :

http://profilerehab.com/facebook_covers/musical/cool_guitar_cover_9.jpg


Color de titulos :

#fff


Sombra titulo :

1px 1px 1px #fff


Mensajes :

419


Puntos :

587


Me gusta :

60


ingreso :

23/12/2014


Sexo :

Masculino

Plataforma :

PunBB


Navegador :

Chrome


Ver perfil de usuario http://musicinstant.host-es.com/

Volver arriba Ir abajo

Mensaje  Chalo
Srz escribió:[quotelink="/t491-javascript-login-tipo-google-para-el-panel-de-administracion#4661"]
[tag]Chalo[/tag] No funciona, es mas... Interfiere con otros javascripts...

claro que funciona ahi te puse una imagen, lo probe antes de publicarlo
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 :

6465


Puntos :

8477


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

posteo para ver :V que tal
Dragoneitors
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://doublemesh.com/wp-content/uploads/2015/12/star-wars-7-cover-photo.jpg


Color de titulos :

#333


Sombra titulo :

1px 1px 1px #fff


Mensajes :

41


Puntos :

49


Me gusta :

6


ingreso :

26/06/2015


Sexo :

Masculino

Plataforma :

PhpBB3


Navegador :

Chrome


Ver perfil de usuario

Volver arriba Ir abajo

Me interesaría probar esto!
jfgonzales
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://i64.tinypic.com/2i8tzma.jpg


Color de titulos :

#333


Sombra titulo :

1px 1px 1px #fff


Mensajes :

18


Puntos :

25


Me gusta :

5


ingreso :

20/02/2016


Sexo :

Masculino

Plataforma :

phpbb3


Navegador :

chrome


Ver perfil de usuario

Volver arriba Ir abajo

[tag]chalo[/tag] sigo sin ver el código, como puedo hacer?
jfgonzales
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://i64.tinypic.com/2i8tzma.jpg


Color de titulos :

#333


Sombra titulo :

1px 1px 1px #fff


Mensajes :

18


Puntos :

25


Me gusta :

5


ingreso :

20/02/2016


Sexo :

Masculino

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.