Como puedo crear esto?
Hola tengo una pregunta no se muy bien como hacerlo quiero hacer un login. Bueno es decir un boton de iniciar sesion y que le hagas click a este y q...

Hola tengo una pregunta no se muy bien como hacerlo quiero hacer un login.
Bueno es decir un boton de iniciar sesion y que le hagas click a este y que te salga abajo un iniciar sesion con sus cosas nombre usuario y contraseña etc etc.
Lo habia hecho una vez pero creo que no lo guarde y estoy volviendo a hacerlo pero no logro hacerlo es decir lo hago pero no, llego a hacer eso pero en efecto hover que le pasas el mouses por encima y sale la barrita para iniciar sesion pero yo quiero que este le hagas click.
Alguna idea como empezarlo o como puedo solucionar eso del hover que dige arriba?
No creo que halla falta en poner imagenes porque creo que es entendible lo que trato de hacer.

PD: tambien como se llama ese tipo de iniciar sesion asi capaz lo busco en google porque no encuentro algo que me ayude para empezarlo..
PD2: lo iva a hacer con el modalbox con su js pero dige que es medio alpedo ya que se puede hacer con css, eso creo XD.
[Imagen: https://31.media.tumblr.com/b9f3b87cfcc8...r1_500.gif]
Última modificación: 10 Feb, 2013, 6:44 pm por fabiibiografiia.
Entiendo la idea, pero tienes alguna web de ejemplo?

Creo, no estoy seguro, que para hacer lo que buscas de igual manera necesitas meter algo de JS.
Por ejemplo como el que tiene el theme tranquil de dynaxel viste que les haces click y se te abre el iniciar sesion bueno algo asi, solo quiero hacer eso luego despues yo hago mi propio iniciar sesion ;P.
[Imagen: https://31.media.tumblr.com/b9f3b87cfcc8...r1_500.gif]
si necesitas JS :
JS
Código:
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.3.2/jquery.js" type="text/javascript"></script>
<script type="text/javascript">

$(document).ready(function(){

        $(".slidingDiv").hide();
        $(".show_hide").show();

    $('.show_hide').click(function(){
    $(".slidingDiv").slideToggle();
    });

});

</script>

HTML
Código:
<a href="#" class="show_hide">Show/hide</a>
<div class="slidingDiv">
Fill this space with really interesting content. <a href="#" class="show_hide">hide</a></div>

Gracias a: Simple jQuery