Javascript - couleur du forum changeante

Voir le sujet précédent Voir le sujet suivant Aller en bas

Résolu Javascript - couleur du forum changeante

Message par flo76 le Dim 5 Fév 2012 - 17:34

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:
http://forum.forumactif.com/t313791-javascript-fond-du-forum-changeant?highlight=fond+changeant
J'ai utilisé ce code:
Spoiler:
Code:
$(function(){
  var currentTime = new Date().getHours();
  var valueFond;
 
  if (7 <= currentTime && currentTime < 17) valueFond= "FOND1";
  else valueFond = "FOND2";
 
  document.body.style.backgroundImage= "url("+valueFond+")";
});
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.


Dernière édition par flo76 le Sam 25 Fév 2012 - 15:08, édité 1 fois

flo76
Nouveau membre

Masculin
Messages : 27
Inscrit(e) le : 26/08/2009

http://testcalimera.forumactif.com/
flo76 a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Javascript - couleur du forum changeante

Message par flo76 le Mar 7 Fév 2012 - 17:36

J'espère que c'est possible Embarassed

flo76
Nouveau membre

Masculin
Messages : 27
Inscrit(e) le : 26/08/2009

http://testcalimera.forumactif.com/
flo76 a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Javascript - couleur du forum changeante

Message par flo76 le Mer 8 Fév 2012 - 18:23

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:
http://forum.hardware.fr/hfr/Graphisme/Webdesign/changeant-heure-wordpress-sujet_32768_1.htm

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 Sad

Je n'y connais vraiment rien en javascript.

flo76
Nouveau membre

Masculin
Messages : 27
Inscrit(e) le : 26/08/2009

http://testcalimera.forumactif.com/
flo76 a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Javascript - couleur du forum changeante

Message par flo76 le Mar 14 Fév 2012 - 18:42

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?

flo76
Nouveau membre

Masculin
Messages : 27
Inscrit(e) le : 26/08/2009

http://testcalimera.forumactif.com/
flo76 a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Javascript - couleur du forum changeante

Message par Ea le Mar 14 Fév 2012 - 18:47

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.

Ea
Aidactif
Aidactif

Messages : 23417
Inscrit(e) le : 04/04/2008

Ea a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Javascript - couleur du forum changeante

Message par flo76 le Mer 15 Fév 2012 - 18:22

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
Nouveau membre

Masculin
Messages : 27
Inscrit(e) le : 26/08/2009

http://testcalimera.forumactif.com/
flo76 a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Javascript - couleur du forum changeante

Message par flo76 le Lun 20 Fév 2012 - 17:20

Up Sad

flo76
Nouveau membre

Masculin
Messages : 27
Inscrit(e) le : 26/08/2009

http://testcalimera.forumactif.com/
flo76 a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Javascript - couleur du forum changeante

Message par enum le Lun 20 Fév 2012 - 20:00

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://illiweb.com/fa/fdf3/nouvea19.png)";

enum
*

Messages : 47
Inscrit(e) le : 19/02/2012

enum a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Javascript - couleur du forum changeante

Message par flo76 le Mar 21 Fév 2012 - 15:48

Merci de ta réponse enum Smile

Mais sa ne marche pas, dé que je met ton code, (en remplaçant les liens, les couleurs) mon header n’apparaît plus Sad
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 Sad

Peut être une autre solution? Embarassed


flo76
Nouveau membre

Masculin
Messages : 27
Inscrit(e) le : 26/08/2009

http://testcalimera.forumactif.com/
flo76 a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Javascript - couleur du forum changeante

Message par enum le Mer 22 Fév 2012 - 20:25

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

enum
*

Messages : 47
Inscrit(e) le : 19/02/2012

enum a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Javascript - couleur du forum changeante

Message par flo76 le Jeu 23 Fév 2012 - 18:22

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;
}

flo76
Nouveau membre

Masculin
Messages : 27
Inscrit(e) le : 26/08/2009

http://testcalimera.forumactif.com/
flo76 a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Javascript - couleur du forum changeante

Message par enum le Jeu 23 Fév 2012 - 23:11

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

enum
*

Messages : 47
Inscrit(e) le : 19/02/2012

enum a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Javascript - couleur du forum changeante

Message par flo76 le Sam 25 Fév 2012 - 15:07

Shocked
Alors la Surprised

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


flo76
Nouveau membre

Masculin
Messages : 27
Inscrit(e) le : 26/08/2009

http://testcalimera.forumactif.com/
flo76 a été remercié(e) par l'auteur de ce sujet.

Voir le sujet précédent Voir le sujet suivant Revenir en haut


Permission de ce forum:
Vous ne pouvez pas répondre aux sujets dans ce forum