Header qui change toutes les heures

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

Résolu Header qui change toutes les heures

Message par Invité le Ven 03 Aoû 2012, 12:09

Hello ^^
Je voudrais faire un header qui change toutes les heures ou toutes les deux heures, mais cela n'est pas trop lourd pour le chargement de la page?
Merci d'avance ^^


Dernière édition par Akogare no arashi le Ven 10 Aoû 2012, 04:50, édité 1 fois
avatar

Invité
Invité


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

Résolu Re: Header qui change toutes les heures

Message par Ea le Ven 10 Aoû 2012, 04:08

Bonjour,


Vous pouvez mettre ce script dans la gestion des codes javascripts :

Code:
$(document).one('bodytag',function(){
  $('body').addClass('hour'+(new Date).getHours());
});
Et puis si vous avez phpbb2 ou punbb et que vous modifiez vos template, mettre ceci dans overall_header après <body> :

Code:
<script>$(document).trigger('bodytag')</script>
Sinon le mettre dans la description du forum ^^

Une fois fait, il y a aura sur la balise body une classe "hour9" où le 9 dépend de l'heure qu'il est ( de 0 à 23 ).

Donc vous pourrez personnaliser par css comme ceci ( si votre header est mis comme image de fond de body ) :

Code:
.hour0, .hour1 {
  background-image: url(http://illiweb.com/fa/i/smiles/icon_smile.gif);
}
.hour2, .hour3 {
  background-image: url(http://illiweb.com/fa/i/smiles/icon_smile.gif);
}
.hour4, .hour5 {
  background-image: url(http://illiweb.com/fa/i/smiles/icon_smile.gif);
}
.hour6, .hour7 {
  background-image: url(http://illiweb.com/fa/i/smiles/icon_smile.gif);
}
.hour8, .hour9 {
  background-image: url(http://illiweb.com/fa/i/smiles/icon_smile.gif);
}
.hour10, .hour11 {
  background-image: url(http://illiweb.com/fa/i/smiles/icon_smile.gif);
}
.hour12, .hour13 {
  background-image: url(http://illiweb.com/fa/i/smiles/icon_smile.gif);
}
.hour14, .hour15 {
  background-image: url(http://illiweb.com/fa/i/smiles/icon_smile.gif);
}
.hour16, .hour17 {
  background-image: url(http://illiweb.com/fa/i/smiles/icon_smile.gif);
}
.hour18, .hour19 {
  background-image: url(http://illiweb.com/fa/i/smiles/icon_smile.gif);
}
.hour20, .hour21 {
  background-image: url(http://illiweb.com/fa/i/smiles/icon_smile.gif);
}
.hour22, .hour23 {
  background-image: url(http://illiweb.com/fa/i/smiles/icon_smile.gif);
}
Cordialement.


Dernière édition par Ea le Ven 10 Aoû 2012, 06:50, édité 1 fois (Raison : oubli de virgules)
avatar

Ea
Aidactif
Aidactif

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

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

Résolu Re: Header qui change toutes les heures

Message par Invité le Ven 10 Aoû 2012, 04:49

Oooh génial cela fonctionne a merveillle merci Smile
avatar

Invité
Invité


Invité 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