cambiar dinamicamente una hoja de estilos css mediante php

jdavidpe · #1 (**permalink**) 07/02/2011, 03:20

Hola, tengo el código que muestro más abajo. He estado viendo en varias web y he visto que tengo que crear una sesión y demás. pero no sé como hacerlo exáctamente.

Mi código es el siguiente, quiero cambiar el azul.css a un verde.css si me pudierais poner un ejemplo estaría muy agradecido:

Código PHP:

   
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<html xmlns="http://www.w3.org/1999/xhtml">

<head>

 
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />

<title>Documento sin título</title>

 
<link href="azul.css" rel="stylesheet" type="text/css" /> <!--Llamada a la hoja 

 
de estilos css-->

</head>

 
<body id="header">

<div id="container">

<!--_____________________________________________________________________________TABLA MAQUETADORA-->

  <table align="center" width="70%" border="1" >

    <tr>

      <td id="cabecera" colspan="3" align="center">FORO - CAMBIAR COLORES</td>

 
    </tr>

    <tr>

      <td id="menu" width="33%" align="center"><a href="nueva_discusion.php">NUEVA DISCUSIÓN</a></td>

      <td id="menu" width="33%" align="center"><a href="id_editor.php">EDITOR</a></td>

       <td id="menu" width="33%" align="center"><a href="cambiar_colores.php">CAMBIAR COLORES</a></td>

    </tr>

    <tr>

      <td colspan="3" id="fondo_foro">

        

<!--_____________________________________________________________________________TABLA DE INTERVENCIONES-->

        <div id="intervenciones" align="center">

            

            <p></p>

 
              <FORM METHOD="POST" ACTION="cambiar_colores.php">

              <select name="seleccionCss">

              COLORES: <option value="blancoNegro">Blanco y negro</option>

                         <option value="rojo">Rojos</option>

                         <option value="verde">Verdes</option>

                       <option value="azul">Azul</option>

              </select>

              <p></p>

              <p></p>

              <input type="submit" name="submit" value="OK"></p>

              </FORM>

              

        

              </td></tr>

              </table>

  

<!--_____________________________________________________________________________FIN DE TABLA DE INTERVENCIONES-->

 
        </div>

        </td>

    </tr>

  </table>

<!--_____________________________________________________________________________FIN DE TABLA MAQUETADORA-->

</div>

</body>

</html>

codigo azul.css, no cuelgo el código verde.css porque lo tengo igual cambiando los colores.

Código PHP:

  @charset "utf-8";

/* CSS Document */

 
#menu {

    background-color: #06F;

}

#fondo_foro {

    background-color: #09F;

}

#cabecera {

    background-color: #6CF;

}

#header {

    background-color: #060;

}

Un saludo, espero vuestra respuesta. Gracias

JaimeSavines · #2 (**permalink**) 07/02/2011, 03:36

Cita:

Mi código es el siguiente, quiero cambiar el azul.css a un verde.css si me pudierais poner un ejemplo estaría muy agradecido:

Sabes programar ?.
Si la respuesta es afirmativa agrega el código aquí. Si no sabes programar creo que seria conveniente que comenzaras a hacerlo, de otra forma es difícil ayudarte.

jdavidpe · #3 (**permalink**) 07/02/2011, 04:42

Hijo mio... pongo el código porque estoy aprendidiendo. Si que se programar, pero estoy buscando eso y se me escapa.

Tengo que iniciar la sesión y que se propague el css que decida en el form durante toda la sesión.
Si puedes ayudarme hazlo, sino te sugiero que lo dejes y no te dediques a poner en duda a los demás. Ya que creo que algún día tu también necesitaste ayuda seguro.

Sigo con el problema. Agradecería un ejemplo de cómo cambiar dinamicamente una hoja de estilos.

Un saludo a tod@s.

JaimeSavines · #4 (**permalink**) 07/02/2011, 04:56

Que bueno que sabes programar, así que te sugiero que leas primero como implementa sesiones php:
http://mx2.php.net/manual/es/book.session.php
Y cualquier problema adicional a la hora de aplicar los conceptos mas de uno te puede echar la mano.

jdavidpe · #5 (**permalink**) 07/02/2011, 06:02

vez podrías haberme mandado la página esta antes. Estoy haciendo un Foro en php lo que se me hace raro es ponerle el codigo en la línea de style.

Sé que hay que iniciar la sesión, pero de momento no me sale. Voy a ver si me documento un poco en la página que me has mandado esta tarde y encuentro la solución. Con lo que saque lo volveré a poner aquí.

Un saludo

arros · #6 (**permalink**) 07/02/2011, 06:08

pero podrias ponerlo en div o class o id como variable

Chenon · #7 (**permalink**) 07/02/2011, 06:48

Código HTML:

Ver original<?
$el_css = "azul.css";
if($_REQUEST['seleccionCss']!="") $el_css = $_REQUEST['el_css']);
$_SESSION['css']=$el_css;
?>
 
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> 
<html xmlns="http://www.w3.org/1999/xhtml"> 
<head> 
 
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> 
<title>Documento sin título</title> 
<link href="<?=$_SESSION['css']?>" rel="stylesheet" type="text/css" /> <!--Llamada a la hoja  
 
de estilos css--> 
</head> 
 
<body id="header"> 
<div id="container"> 
<!--_____________________________________________________________________________TABLA MAQUETADORA--> 
  <table align="center" width="70%" border="1" > 
    <tr> 
      <td id="cabecera" colspan="3" align="center">FORO - CAMBIAR COLORES</td> 
 
    </tr> 
    <tr> 
      <td id="menu" width="33%" align="center"><a href="nueva_discusion.php">NUEVA DISCUSIÓN</a></td> 
      <td id="menu" width="33%" align="center"><a href="id_editor.php">EDITOR</a></td> 
       <td id="menu" width="33%" align="center"><a href="cambiar_colores.php">CAMBIAR COLORES</a></td> 
    </tr> 
    <tr> 
      <td colspan="3" id="fondo_foro"> 
         
<!--_____________________________________________________________________________TABLA DE INTERVENCIONES--> 
        <div id="intervenciones" align="center"> 
             
            <p></p> 
 
              <FORM METHOD="POST" ACTION=""> 
              <select name="seleccionCss"> 
              COLORES: <option value="blancoNegro">Blanco y negro</option> 
                         <option value="rojo">Rojos</option> 
                         <option value="verde">Verdes</option> 
                       <option value="azul">Azul</option> 
              </select> 
              <p></p> 
              <p></p> 
              <input type="submit" name="submit" value="OK"></p> 
              </FORM> 
               
         
              </td></tr> 
              </table> 
   
<!--_____________________________________________________________________________FIN DE TABLA DE INTERVENCIONES--> 
 
        </div> 
        </td> 
    </tr> 
  </table> 
<!--_____________________________________________________________________________FIN DE TABLA MAQUETADORA--> 
</div> 
</body> 
</html>

Prueba eso, a ver si te va.
Es una solución muy básica, pero a partir de ahi te haces una idea de como funciona y puedes ir mejorando el script.

Personalmente, yo lo haría con javascript (jQuery).

jdavidpe · #8 (**permalink**) 10/02/2011, 03:51

muchas gracias... lo voy a probar... voy a ponerme entre hoy y mañana a ver si saco la solución sino lo haré con javascript como decis ;)