Cambia la CSS de tu sitio con JavaScript

3

Posted by deambulando | Posted in Internet, Programación, Software, Tecnologia, php | Posted on 12-06-2009

Etiquetas: ,

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:

%MINIFYHTML25b2fd3616175070c02c9a7077e8530d13%

Para usarlo:

green |
blue |
orange |
purple

Así 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.

Deja un comentario ya! Ir Abajo Ir Arriba
Clasificados Barcelona