CONMUTADOR DE ESTILO

    La página consta de un único código html que cambiará su aspecto visual a partir de dos hojas de estilo css (style.css, style2.css) que ofrecerán un aspecto completamente distinto frente a un mismo contenido.

     Para que fuera posible, en un primer momento decidí dotar a mi página de un sencillo scrip con la siguiente forma:

<script>
function loadCss(css) {
    if(document.getElementById('estilos'))
        document.getElementsByTagName('head')[0].removeChild(document.getElementById('estilos'));
      var x = document.createElement("link");
    x.rel="stylesheet";
    x.href=css;
    x.id="estilos";
      document.getElementsByTagName('head')[0].appendChild(x);  
}
window.onload=function(){loadCss('estilos_1.css');}  
</script>

      El compañero que me recomendó este método no fue consciente de que no "guardaba" el estilo que se estaba ejecutando, un problema básicamente de cookies. Por ello me descargué un ejemplo visto en mi clase de TEWC y lo tomé de modelo: copié y modifiqué los js cookie.js y mijquery.js en base a mi página e indiqué en cada uno de mis documentos html lo que había que importar.

Encabezado de mi código html de INDEX:

    En la vista en web simplemente aparece indicado así:

    El primer estilo es el que está depurado y trabajado, el segundo estilo ha quedado más "feo", pero he preferido centrarme más en un css.