Foros del Web - Css seleccion en menu despegable

Foros del Web (http://www.forosdelweb.com/)

- HTML (http://www.forosdelweb.com/f4/)

- - Css seleccion en menu despegable (http://www.forosdelweb.com/f4/css-seleccion-menu-despegable-110018/)

Css seleccion en menu despegable

Saludos..

Vi una pagina web que tenia en un lado, un menu despegable que tenia 4 caras de la web basadas en CSS, uno seleccionaba una cara y toda la apariencia de la web cambiaba del CSS normal al CSS que el usuario haya elegido, como se puede hacer eso??

Y quisiera si por favor alguien pudiera explicarme alguna forma de hacer que cuando alguien seleccione una cara (llamese cara b) si el usuario sale de la pagina, cuando vuelva a entrar no deba de volver a seleccionar la cara, algo asi como por medio de cookies o base de datos o algo..

Por favor, alguien sabe alguna forma?

te acuerdas de la URL?

http://www.sidar.org/recur/desdi/mcss/selector.php

ahi explica todos los pasos pero lo intente y no me funciona..

ok se puede hacer con JS y cokkies

aqui va

Código PHP:

   //lahoja se refiere al archivo *.css sin extensión

 
function cambiarCSS(lahoja) {

    var expDays = 30;

    var path = "/"

        var expdate = new Date();

        expdate.setTime(expdate.getTime() + (expDays*24*60*60*1000));

    document.cookie = "miestilo=" + escape (lahoja) + "; expires=" + expdate.toGMTString() +'; path=' + path;

    var timeoutID=setTimeout('history.go(0)',10);

    }

function getCookieVal(offset) {

    var endstr = document.cookie.indexOf(";", offset);

    if (endstr == -1)

        endstr = document.cookie.length;

    return unescape(document.cookie.substring(offset, endstr));

}

function GetCookie(name) {

    var arg = name + "=";

    var alen = arg.length;

    var clen = document.cookie.length;

    var i = 0;

    while (i < clen) {

        var j = i + alen;

        if (document.cookie.substring(i, j) == arg)

            return getCookieVal (j);

        i = document.cookie.indexOf(" ", i) + 1;

        if (i == 0) break;

    }

    return 'vacio';

}

// esta linea carga la hoja

document.write('<LINK rel="stylesheet" type="text/css" href="hojas/' + GetCookie('miestilo') + '.css">');

Creas una carpeta llamada hojas y creas tus css

nada.css
azul.css
rojo.css
verde.css

ahora lo llamas

Código PHP:

   <a href=JavaScript:cambiarCSS('nada');>Modelo basico</a> | <a href=JavaScript:cambiarCSS('azul');>Ejemplo 

  1</a> | <a href=JavaScript:cambiarCSS('rojo');>Ejemplo 2</a> | <a href=JavaScript:cambiarCSS('verde');>Ejemplo 

  3</a>

Gracias, un millon de gracias, ahora mismo lo pruebo y te aviso :-D

jijij

Denadas :arriba: :-D

Aqui te pongo el menu desplegable

Código PHP:

   <form name="CAMBIOdeCSS" >

  <select style="font-size:11px;" name="menu">

    <option>Seleccione un estilo</option>

    <option value="JavaScript:cambiarestilo('vacio')">Sin Estilo</option>

    <option value="JavaScript:cambiarestilo('azul')">Estilo Azul</option>

    <option value="JavaScript:cambiarestilo('rojo')">Estilo Rojo</option>

    <option value="JavaScript:cambiarestilo('verde')">Estilo Verde</option>

  </select>

  <input name="button"type="button" style="font-size:11px;" onClick="location=document.CAMBIOdeCSS.menu.options[document.CAMBIOdeCSS.menu.selectedIndex].value;" value="cambiar estilo de la pagina">

</form>

Gracias por la ayuda :-D de verdad que si..

Pero el codigo PHP que me diste la verdad me da un error en la linea 3..

puedes verlo aqui:

http://www.Darketchup.com/MetalManiacs/prueba2.php

no es PHP lo posteo asi para que ve colore el codigo

es un JS

<script language="javascript" src="cargar.js" type="text/javascript"></script>

ohho k gracias :-D :-D :-D

Yo lo pruebo y te aviso..

Gracias :D

un millon de gracias , funciona perfecto :-D :-D :-D

Es justamente lo que quiero, un millon de gracias :-D

No hay por que darlas

para eso estamos aqui para ayudarnos :borracho:

Hola de nuevo, ahora tengo una pequeña duda..

El script funciona perfecto, gracias, pero la verdad pense que el CSS que eliga el usuario se aplicaria a todo el website pero a mi solo se me aplica en la pagina donde lo eligo y ya, es decir, los demas links no aplican el CSS, sera que yo estare haciendo algo mal o es que debo de poner el menu de seleccion de CSS en todas las paginas y todos los links de mi website?????

Hey, ya encontre el problema :-D que tonto soy, olvide copiar la carpeta hojas en las carpeta de los diferentes links..
jiji

Gracias de todas formas :-D

Ahora tengo otro problema (perdon por las molestias, es que soy algo tonto con javascript y algunos lenguajes mas jeje)

Cuando un usuario entra por primera vez al site, y no ha elegido ningun css aun, el site se ve sin CSS es decir no se el CSS original, no hay alguna forma de que cuando entren se aplique el original automaticamente???

Les agradeceria mucho si me pudieran ayudar..

Uppssss!

Creo que me presipite.. jeje

ya lo resolvi.. pero Gracias de todas formas :-D

Tratare de primero averiguar bien antes de postear jejeje..

Gracias por todo :-D