Marco de login

[adam13]

Hola a todos,

Estoy haciendo una aplicación web en php y estaba diseñando el login.
El contexto es el siguiente: Una barra arriba en todas las páginas que me permita hacer un login o registrarme si no estoy logeado o acceder a mi perfil o hacer un logout si estoy logeado. Un ejemplo muy claro es el de la siguiente página:
[URL="http://euw.leagueoflegends.com/es"]http://euw.leagueoflegends.com/es[/URL]

Lo que quiero es que me salga un recuadro al pulsar sobre el botón login sobre la misma página actual oscureciendo la pantalla de fondo y que en este recuadro pueda poner mi nombre y usuario y que una vez puestos me deje en la pagina que esta detrás del recuadro de login pero con la sesión de usuario iniciada.

Este comportamiento es exactamente el mismo que en la página del link que he dejado antes (pulsad el boton de 'Iniciar sesión' arriba a la derecha).

En fin, se programar muy bien, pero nunca he hecho programación web, solo necesito que me indiqueis las herramientas que consiguen eso y ya me pongo yo a leer por mi cuenta.

Muchas gracias de antemano!
Adam