Posted by deambulando | Posted in Internet, Programación, Software, Tecnologia, php | Posted on 12-06-2009
Etiquetas: css, jacascript
Truco/Script del día:
Queremos cambiar la CSS de nuestro site sin tener que recargar la URL. Por ejemplo para cambiar entre colores.
Para ello nos basamos en que tenemos una escenario parecido a este:
Y disponemos de más css, con diferentes colores, que harían cambiar el color de nuestro sisito.
Pues bien primero necesitamos ponerle un ID al estilo que nos interesa cambiar ejemplo:
Luego necesitamos una función que hará se cambie este valor:
%MINIFYHTMLf95ba2a25495158890e34e8478b8b7d013%Para usarlo:
green |
blue |
orange |
purpleAsí ya tenemos el efecto del cambio de color instantáneo ;).
Pero para los que como yo usamos PHP, no estaría de más que cargáramos la última css que nos pusieron. Para eso puse la función cookie y guardar la cookie en JS.
< ?php
$theme_color=$_COOKIE['theme_color'];
if ($theme_color=="") $theme_color="blue.css";
?>
Para verlo lo podéis probar en esta demo (arriba derecha) que he montado para Open Classifieds.
