Staff en línea

Página 2 de 2. Precedente  1, 2

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

staff


Última edición por Chalo el Miér Jun 17, 2015 7:29 pm, editado 3 veces
Recuerdo del primer mensaje :

[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]



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 :

6712


Puntos :

8776


Me gusta :

1007


ingreso :

17/04/2014


Sexo :

Masculino

Plataforma :

phpbb3


Navegador :

chrome


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

Volver arriba Ir abajo

NO funciona!
por ejemplo, No existe este enlace CSS

https://googledrive.com/host/0Bxaa_QAP8kJtQm5rR0xZV0VEU2c/painellogin.css
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

staff
[ok][tag]jfgonzales[/tag] hola estos codes, los de esta sección no lo he escrito yo, son recopilaciones que en su momento probe, el author de dicho code debió eliminar el CSS, como puedes ver en la imagen cuando lo publique si funcionaba, por la cantidad de codes publicados no puedo estar atento a todos [/ok]


si quieres que lo corrija abre un tema en soporte
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 :

6712


Puntos :

8776


Me gusta :

1007


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.