28172 sujets

CSS et mise en forme, CSS3

Changer la couleur du site sur simple clic (rouge vert bleu )

Bonjour,
J'ai vu sur certain site que l'on pouvait choisir le couleur du site, je voudrais savoir comment faire pour utiliser cette fonction (different css, javascript, .....) si quelqu'un a deja fait ce genre de chose .
Un exemple serait le bienvenue Smiley cligne
Bonjour,

Le principe à utiliser est celui d'un style switcher (dans le cas où seule une couleur doit changer, il sera particulièrement allèger, mais le principe reste).

Cela se fait en JavaScript pour appeller une nouvelle feuille de style ou directement modifier les propriétés à modifier (s'il y en a peu) et pour, éventuellement, sauvegarder les préférences de l'utilisateurs (avec un cookie par exemple).

Il est également possible de faire la même chose en PHP, mais le changement nécessitera un rechargement de la page.
en fait , avec artisteer, j'ai fait une meme page ou j'ai changé la couleur simplement div tout ca reste le meme, donc j'ai autant de feuilles de style que de couleurs differentes , je voudrai donc que quand je clic sur un lien ca change de feuilles de style (meme si ca recharge la page)
Tu peux faire tes changements de style en changeant une classe sur l'élément BODY:
<body class="theme-default">
<!-- ou -->
<body class="theme-red">
<!-- ou -->
<body class="theme-green">
<!-- etc. -->

Et dans ta feuille de styles (unique):
body {
  /* Styles partagés */
}
body.theme-default {
  color: black;
  background: white;
}
body.theme-red {
  color: #880000;
  background: #FFEEDD;
}

#example {
  /* Styles partagés */
}
.theme-default #example {
  /* ... */
}
.theme-red #example {
  /* ... */
}

Pour changer la classe sur l'élément BODY, tu peux le faire en JavaScript ou côté serveur en PHP (ou autre langage utilisé). Pour que ça marche bien il faut être capable de «sauvegarder» cette information, et de la réutiliser lors de la génération de la page (en PHP) ou au début du chargement (en JavaScript). Ça demande de connaitre un peu des notions de programmation web telles que les cookies, les sessions, ce genre de chose.
Sujet clos
Aller à