Creación del conmutador de estilos

Uno de los requisitos que tenía que cumplir nuestra página web era la inclusión de un conmutador de estilos, explicándolo con palabras de andar por casa, se trata de que la página tenga dos estilos diferenciados y el usuario pueda elegir mediante un click el que mas le guste para ver la web.

La creación de este conmutador es muy sencilla. En cada uno de los documentos html he añadido el siguiente codigo:

Dentro de la etiqueta head he colocado los enlaces a los dos documentos css, el primero de ellos el que ya tenía (estilo.css) y un segundo que hay crear y que dará a la página un nuevo estilo (estilocss2.css). Tambien hay que añadir aquí los dos enlaces a los scripts jquery.js y styleswitch.js cuyos archivos van incluidos en la carpeta que contiene la página.

Por otro lado en cada uno de los documentos html también añado en la cabecera el código indicado con el Nº2 y el cual se encarga de conmutar de un estilo a otro (a los cuales yo he llamado claro y oscuro).

Aqui añado un par de pantallazos mostrando como queda el header de cada página con el conmutador de estilos en cada uno de los estilos:

En la siguiente entrada comento la creación del segundo estilo css.