Javascript - couleur du forum changeante

[flo76]

Bonsoir,
Je fais face à un problème auquel je n'arrive pas à régler.
Je voudrais que la couleur du forum ce change à une certaine heure.
J'ai réussi a le faire pour le fond écran mais pas pour la couleur.

Pour réussir pour le fond écran, j'ai suivi ce topic:
https://forum.forumactif.com/t313791-javascript-fond-du-forum-changeant?highlight=fond+changeant
J'ai utilisé ce code:

Spoiler:

Mais je n'arrive pas a changer le code pour faire pareil avec la couleur du forum.

Voici ce que sa donne sur le forum test:
http://testcalimera.forumactif.com/

Je vous remercie d'avance pour votre aide.
Bonne soirée.

[flo76]

J'espère que c'est possible

[flo76]

Bonsoir,
Toujours en fouillant sur internet, j'ai trouvé un topic sur un forum de quelqu'un qui à le même problème que moi:

Spoiler:

J'ai essayé leurs codes, sa ne marche pas, j'ai essayé en trifouillant le mien et en rajoutant le leur, sa ne marche pas non plus

Je n'y connais vraiment rien en javascript.

[flo76]

J'ai vu sur des forums que c'était possible de changer une feuille CSS à une certaine heure, cela ne pourrait pas y remédier à mon problème?

[Ea]

Bonjour,


Si c'est la couleur de fond, il devrait suffire de changer de votre premier post ceci :

Code:

 document.body.style.backgroundImage= "url("+valueFond+")";

En ceci :

Code:

 document.body.style.backgroundColor= valueFond;

Sinon il faut pour qu'on voit la couleur de fond, qu'il n'y a pas d'image de fond ( qui est au dessus ) ou que l'image de fond possède du transparent.

Cordialement.

[flo76]

Oui je peux faire un transparent à mon fond écran, sauf que mon fond écran, sauf que les couleurs (par ex. de l'herbe) change (jour ou nuit), ainsi que d'autre effet de nuit (lune, lumieres etc...)

Ce n'est pas possible de changer couleur de fond écran ainsi que le fond écran?

[flo76]

Up

[enum]

si un fond n'a pas de transparence et est partout, on ne voit pas la couleur qui est en dessous

si ce n'est pas votre cas j'imagine que vous pouvez remplacer .backgroundImage par .background et mettre des valeurs de ce genre :

Code:

if (7 <= currentTime && currentTime < 17) valueFond= "#ff0000 url(http://hitskin.com/themes/18/29/60/preview.jpg)";
  else valueFond = "#0000ff url(http://2img.net/i/fa/fdf3/nouvea19.png)";

[flo76]

Merci de ta réponse enum

Mais sa ne marche pas, dé que je met ton code, (en remplaçant les liens, les couleurs) mon header n’apparaît plus
Je ne vois que la couleur de fond.
Et j'ai changé l'heure (17) pour voir si la couleur nuit apparaissait, et non non plus.

Donc j'ai étais voir dans mon CSS, j'ai enlevé la couleur de fond etc...
Mais sa change rien, le header n’apparaît plus quand on met la couleur avec

Peut être une autre solution?

[enum]

vous avez bien mis les urls des images de header entre parenthèses ?

[flo76]

Oui, voilà ce que sa donne:

Code:

$(function(){
var currentTime = new Date().getHours();
var valueFond;

if (7 <= currentTime && currentTime < 17) valueFond= "#1fc4f3 url(ADRESSE HEADER JOUR)";
  else valueFond = "#1b4e8d url(ADRESSE HEADER NUIT)";

document.body.style.backgroundImage= "url("+valueFond+")";
});

Et voici un bout du CSS en rapport:

Code:

body {
   background:url('') no-repeat center top;
  margin: 0;
   padding: 0;
      }

html {
background-color:#1fc4f3;
}

[enum]

Il faudrait plutôt ça en javascript :

Code:

$(function(){
var currentTime = new Date().getHours();
var valueFond;
 
if (7 <= currentTime && currentTime < 17) valueFond= "#1fc4f3 url(ADRESSE HEADER JOUR) no-repeat center top";
  else valueFond = "#1b4e8d url(ADRESSE HEADER NUIT) no-repeat center top";
 
document.body.style.background= valueFond;
});

en ayant bien remplacé les ADRESSE HEADER JOUR et ADRESSE HEADER NUIT

[flo76]

Alors la

Merci enum !
Je cherchais depuis des semaines, en pensant que ce n'est pas possible d'additionner les deux...
Bravo et merci !