Cambia la CSS de tu sitio con JavaScript

3

Autor deambulando | en Internet, Programación, Software, Tecnologia, php | el 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:

%MINIFYHTML762b6a28c9c47e64818554b3929c6d6f16%

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.



Recomendados:
Compartir:
  • Meneame
  • Facebook
  • Twitter
  • Bitacoras.com
  • Live
  • del.icio.us
  • BarraPunto
  • Digg
  • Netvibes
  • Google Bookmarks
  • Wikio
  • StumbleUpon
  • MySpace
  • PDF
  • Print
  • email

Comments (3)

Buy xanax….

Buy xanax. Buy xanax without prescription in usa….

Excelente explicación! Gracias

de nada!

Write a comment

Deja un comentario ya! Ir Abajo Ir Arriba
Clasificados Barcelona