Formulario de Login y registro con efecto de slide

Si estás cansado de los aburridos formularios estáticos para que los usuarios de tu sitio puedan registrarse o iniciar sesión, puedes probar esta buena alternativa para utilizar un formulario de login y registro con efecto de Slide.

Características

Este script realizado con la conocida librería jQuery , te permite implementar un panel que se despliega con efecto de slide, es decir que mientras no se utilice, se ocultará, y solo se desplegará cuando el visitante de la página presione un botón, presentando un panel con los formularios necesarios para tu sitio, por ejemplo para poder entrar, registrar nuevos usuarios, o por supuesto cualquier otro tipo de contenido web: enlaces extras, texto de información, novedades, noticias etc ..

Captura de pantalla del Panel contraido:

Panel expandido con los formularios

Demostración

Puedes probar el ejemplo ejecutando el archivo index.html que se incluye con la descarga. Luego pinchando en el botón LogIn - Register ubicado en la parte superior de la página se desplegará el panel que contiene los formularios.

Nota: Los formularios de login y para registrar, son solo demostrativos, es decir que para poder implementar la gestión de usuarios de tu web, deberás complementarlo con algún script, o en su caso, adaptarlo a tu sistema, si es que estás utilizando algún CMS como Drupal, Joomla etc ..

O también, ver al final de esta página, una adaptación para utilizar un sistema completo para poder crear nuevos usuarios y acceso a la web, utilizando PHP y MySQL.

¿ Con que navegadores web es compatible este script ?

Funciona con: Internet explorer 6, 7, 8, FireFox, Chrome, Safari y Opera.

Cambios en la nueva versión

• Cambiar el botón automáticamente al expander el panel ( Cambia Login - Register por Cerrar panel ).
• Inclusión de imágenes transparentes para los botones ( Formato PNG ) para corregir problemas con el internet explorer.

Complementos y enlaces útiles:

1 - Puedes descargar a continuación, dos plugins para poder adaptar el panel en tu WordPress o sistema Drupal. Módulo para Drupal , Plugin para WordPress

2 - Otro ejemplo adaptado, con posibilidad de modificar varios aspectos del panel, por ejemplo ubicarlo a la izquierda, aplicar transparencia, entre otros. Ir a la página

3 - Sistema completo de login mediante PHP, MySQL y jQuery. Puedes ver como funciona el sistema desde este enlace. Permite desde esa página, registrar un usuario, enviar la confirmación del registro vía email para activar el registro y el envío de una nueva contraseña. Luego se puede acceder al sitio.

Para ir a la página con el tutorial donde explica el funcionamiento, como también descargar el sistema completo, pincha en este enlace.

Allí explica como configurar y crear las tablas MySQL para los usuarios, los archivos CSS para los estilos, como incorporar y configurar la librería jQuery en el código fuente, agregar los formularios XHTML, y ver como funciona el código PHP necesario para el registro y login.

Nota: Al igual que el otro sistema, este programa o script es completamente gratis ( Software libre distribuido bajo licencia GNU )

Si el archivo de descarga ya no se encuentra disponible, lo puedes descargar en este enlace alternativo.

No hay video tutoriales disponibles para mostrar.