jquery y login
Hola,pues llevo ya unas horas y no consigo encontrar ningun tutorial de como poner esto que hay en esta web http://www.htmldrive.net/items/show/1087....

Hola,pues llevo ya unas horas y no consigo encontrar ningun tutorial de como poner esto que hay en esta web http://www.htmldrive.net/items/show/1087...ith-jQuery


si alguien me dice los pasos a seguir,o algun tutorial,porq llevo mas de dos horas buscando y no secomo poner jquery y el plugin este.[/b]
Proba con este js creo que es mucho mas simple yo hize un login con ese XD
http://papermashup.com/simple-jquery-showhide-div/

Código PHP:
<a href="#" class="show_hide">Show/hide</a>
<
div class="slidingDiv">
<
a href="#" class="show_hide">hide</a>
<
form action="member.php" method="post">

<
input type="text" class="textbox" name="username" value="Username" onfocus="if(this.value == 'Username') { this.value = ''; }" onblur="if(this.value=='') { this.value='Username'; }" />

<
input type="password" class="textbox" name="password" value="password" onfocus="if(this.value == 'password') { this.value = ''; }" onblur="if(this.value=='') { this.value='password'; }" />

<
div style="float: right; margin-top: 8px;">
<
label title="{$lang->remember_me_desc}"><input type="checkbox" class="checkbox" name="remember" checked="checked" value="yes" style="vertical-align: middle; margin-top: -1px;" /> {$lang->remember_me}</label>
</
div>

<
input type="submit" class="button" name="submit" value="{$lang->login}/>
<
input type="hidden" name="action" value="do_login" />

</
form></div
Lo agregas y luego tenes que editar con css tu login.
[Imagen: https://31.media.tumblr.com/b9f3b87cfcc8...r1_500.gif]
Última modificación: 12 Feb, 2013, 12:32 pm por fabiibiografiia.
(12 Feb, 2013, 12:27 pm)bender escribió: ...pretendes que alguien revise cada archivo y te cree un tutorial ???
porque no usas *modal login box [Euan T.] http://community.mybb.com/thread-117646.html es bastante bueno Smile

no pretendo que me hagan un tutorial,este enlace me lo puso angeluz ayer,y mira que he probado y no se que tengo que hacer,en headerinclude pongo lo que indican:<script src="//ajax.googleapis.com/ajax/libs/jquery/1.7.2/jquery.min.js" type="text/javascript"></script> ...el siguiente paso pone que lo ponga a continuacion.despues lo siguiente es en welcomeblok_guets....y el ultimo en global css.pero lo unico que consigo es que salgan los codigos en la cabecera,vamos un desastre,tambien decir que estoy muy verde en esto de la programacion etc..es mi primera web,solo pido un poco de comprension.gracias.

(12 Feb, 2013, 12:28 pm)Finer escribió: Proba con este js creo que es mucho mas simple yo hize un login con ese XD
http://papermashup.com/simple-jquery-showhide-div/

Código PHP:
<a href="#" class="show_hide">Show/hide</a>
<
div class="slidingDiv">
<
a href="#" class="show_hide">hide</a>
<
form action="member.php" method="post">

<
input type="text" class="textbox" name="username" value="Username" onfocus="if(this.value == 'Username') { this.value = ''; }" onblur="if(this.value=='') { this.value='Username'; }" />

<
input type="password" class="textbox" name="password" value="password" onfocus="if(this.value == 'password') { this.value = ''; }" onblur="if(this.value=='') { this.value='password'; }" />

<
div style="float: right; margin-top: 8px;">
<
label title="{$lang->remember_me_desc}"><input type="checkbox" class="checkbox" name="remember" checked="checked" value="yes" style="vertical-align: middle; margin-top: -1px;" /> {$lang->remember_me}</label>
</
div>

<
input type="submit" class="button" name="submit" value="{$lang->login}/>
<
input type="hidden" name="action" value="do_login" />

</
form></div>

Lo agregas y luego tenes que editar con css tu login

ok,gracias por tu opcioon,pero donde lo debo de agregar?en welcomeblock_guest?
(12 Feb, 2013, 12:40 pm)Finer escribió: Pues si que estas editando XD, en el welcome guest
Luego editas tu login con css.
voy a probarlo,muchas gracias!
http://community.mybb.com/thread-117646.html

1º el primer script es opcional... anda a headerinclude y revisa si es que lo tienes agregado porque algunas plantillas ya lo traen, si no lo tienes agregalo.

2º el segundo cuadro que te dejan tambien va en headerinclude (ponlo al final)

3º el tercer cuadro es el que va en header_welcomeblock_guest y reemplazas todo el codigo que tienen en esa plantilla por el del tuto (guarda el codigo de la plantilla header_welcomeblock_guest en un block de notas antes de reemplazarlo)

4º y el cuarto cuadro es el CSS que lo agregas al final de tu global.css
(12 Feb, 2013, 12:27 pm)bender escribió: ...pretendes que alguien revise cada archivo y te cree un tutorial ???
porque no usas *modal login box [Euan T.] http://community.mybb.com/thread-117646.html es bastante bueno Smile
Que amable... ese link, como dijo, ya se lo había dado en un tema anterior pero no le funciono /:

(12 Feb, 2013, 12:40 pm)Finer escribió: Pues si que estas editando XD, en el welcome guest
Luego editas tu login con css.

Otro amable, eres casi tan amable como steep (8

Al tema:

Tienes que ser conciente que según los cambios que hagas en el welcome tienes que cambiar el header normal.
Prueba el código de finer, pero debes hacer más cambios que ese Tongue

También estate conciente de que en el css lo agregues como absolute Big Grin

ADiós
Cita:
Al tema:

Tienes que ser conciente que según los cambios que hagas en el welcome tienes que cambiar el header normal.
Prueba el código de finer, pero debes hacer más cambios que ese Tongue

También estate conciente de que en el css lo agregues como absolute Big Grin

ADiós

Hola angeluz,a ver,lo agrego al welcome,pero borro todo el codigo que lleva por defecto? y otra duda es,el css absolute te refieres a que lo pongo en golbal modo avanzado y lo pegue abajo del todo?,si voy a ser my pesao decirmelo y seguimos otro dia,o busco un poco mas,pero vamos que estoy un poco hasta los..... jejej de buscar .
Última modificación: 12 Feb, 2013, 1:00 pm por martec.
(12 Feb, 2013, 1:00 pm)sdance escribió:
Cita:
Al tema:

Tienes que ser conciente que según los cambios que hagas en el welcome tienes que cambiar el header normal.
Prueba el código de finer, pero debes hacer más cambios que ese Tongue

También estate conciente de que en el css lo agregues como absolute Big Grin

ADiós

Hola angeluz,a ver,lo agrego al welcome,pero borro todo el codigo que lleva por defecto? y otra duda es,el css absolute te refieres a que lo pongo en golbal modo avanzado y lo pegue abajo del todo?,si voy a ser my pesao decirmelo y seguimos otro dia,o busco un poco mas,pero vamos que estoy un poco hasta los..... jejej de buscar .

he puesto el codigo como me dijo bender,y funciono perfecto,el problema era que no borraba lo que habia en mi plantilla,ahora el problema esta con Iexplorer,si le das donde pone iniciar sesion se pone la pantalla colapsada de la imagen thead.con chrome funciona perfecto,a ver si se puede poner bien para que funcione tb este codigo con iexplorer.