Cambios en el diseño principal

He hecho más cambios en el diseño principal, he ampliado la anchura del contenido de la página, he incluido el logo en la parte superior izquierda, con un div, poniendo la imágen como fondo del div y que no se repita la imágen, y en 'background-size' le he puesto 'contain' para que se vea bien la imágen entera. La imagen tiene el fondo transparente para que se vea el fondo de la página que es una trama que he hecho:

Además le he añadido un borde a la parte del conteido entre el nav y el footer y una sombra en la parte izquierda y en la inferior de todo el contenido.
Así es como ha quedado

He conseguido que funcione el conmutador de estilos, aunque no le he puesto cookie, por lo que no se guarda el estilo.

Foto-Yo estuve allí

En esta actividad lo que se va a hacer es, mediante el uso de la aplicación online Pixlr, crear una imagen de la escuela en la que aparezcamos un personaje famoso y yo, uniendo tres fotos distintas. La foto de la escuela es:

Mi foto es:

Ahora con la herramienta del lazo selecciono el contorno que voy a coger de mi foto, lo copio y creo una nueva imagen con el portapapeles y el fondo transparente. Después arrastro la capa de esta nueva imagen a la imagen de la escuela y la coloco en el lugar donde quiero que vaya. Con la herramienta del lazo quito algunos bordes que quedaban del fondo y fusiono las capas. Como se notan aún los bordes con la herramienta de desenfocar y con el pincel retoco los bordes para que quede más realista.
Así es como va quedando:

LA otra imagen que voy a usar es esta:

Que es de los personajes de la serie Breaking Bad.
Hago lo mismo que con la otra imagen, pero esta vez cambio un poco la luminosidad y la saturación para que quede más acorde con la imagen de la escuela que tiene un color menos cálido. Así es como queda:

Ahora falta por poner el texto con la herramienta de introducción de texto y ya está terminada la imagen. He aprovechado el defecto que tenía la imagen y así es como me ha quedado:

Segundo estilo

He empezado con el segundo estilo, cambiando la barra de menú al lateral izquierdo y separando el pie de página, además de separar un poco la imagen de los bordes. Le he cambiado el color al fondo para distinguirlos más, pero aún falta por definir las gamas de colores de ambos estilos y cambiar algunas cosas. Así es como va quedando:

La he probado en firefox, ie y chrome y por el momento se ve bien en los tres navegadores.

.

He quitado la barra lateral que había a la derecha de la plantilla y la imágen del fondo, falta por cambiar los colores de la página, así es como va quedando: