Como lograr este efecto?

[neodani]

Buenas compañeros!

Me preguntaba como esta hecho este efecto de esta pagina?¿?

http://www.moodboard.com/gallery/index.htm

Fijaras cuando le clicáis en el botón de arriba SIGN IN.

Que os aparece una barra arriba de la pantalla para logearte, como se logra ese efecto?.

Gracias de antemano

[Raulmmmm]

Seguramente tendrán un div, por ejemplo llamado oculto, con la propiedad display: none, que cuando pinchas se hará display: block.

Algo así:

Código:

#oculto{ display: none}

Código HTML:

<div id="oculto">Tu contenido</div>
<a href="#" onclick="document.getElementById('oculto').style.display = 'block'">Enlace</a> 

[neodani]

Iniciado por Raulmmmm

Seguramente tendrán un div, por ejemplo llamado oculto, con la propiedad display: none, que cuando pinchas se hará display: block.

Algo así:

Código:

#oculto{ display: none}

Código HTML:

<div id="oculto">Tu contenido</div>
<a href="#" onclick="document.getElementById('oculto').style.display = 'block'">Enlace</a> 

Pero si te fijas, cuando vuelves a pulsar se vuelve a esconder!

Es posible que sea AJAX? se puede hacer en CSS?

Si se consiguiera ocultar la capa esa igual que la muestras, sería posible...

Pero desconozco como mostrar algo y que pulsando el mismo botón se vuelva a esconder!

Alguién sabe?

Gracias

[masterpuppet]

a ver si te sirve este enlace

http://www.dustindiaz.com/seven-togglers/

salu2.

PD: neodi te puse un ejemplo en tu post.

[juaniquillo]

no es ajax, es simple javascirpt. En la página de codeigniter tienen el mismo efecto pero animado:

http://codeigniter.com/user_guide/

si le das click donde dice "table of content" lo puedes ver. En este caso se usa mootools.

[neodani]

Iniciado por juaniquillo

no es ajax, es simple javascirpt. En la página de codeigniter tienen el mismo efecto pero animado:

http://codeigniter.com/user_guide/

si le das click donde dice "table of content" lo puedes ver. En este caso se usa mootools.

Gracias a los dos, le echaré un vistazo!

[masclet]

El efecto que comentas esta muy bien, pero a mi me gusta la parte inferior, digamos el pie, que se queda fijo, y por encima de la otra capa.
Me gustaría si alguien puede decirme como conseguir eso.

gracias

[masterpuppet]

el efecto es drag&drop te dejo un link
http://demos.mootools.net/Drag.Cart
salu2