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 3 Aoû 2012 - 18: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 - 10:50, édité 1 fois

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 - 10: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 - 12:50, édité 1 fois (Raison : oubli de virgules)

Ea
Aidactif
Aidactif

Messages : 23428
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 - 10:49

Oooh génial cela fonctionne a merveillle merci Smile

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