Thème changeant en fonction de l'heure

Bonsoir !

Après avoir testé maintes techniques pour cette mise en place j'ai opté pour celui ci qui ne nécessite pas d'hébergement de fichiers. Donc merci pour cette solution
http://cstest.forumactif.org/
J'ai eu du mal a faire apparaitre la bannière. Mais problème réglé.
Ensuite ça m'a modifié la largeur du forum (80% à l'origine et là ça colle au bord !)
Et pour terminer je ne comprends pas quelles données entrer pour modifier la teinte du forum et le QEEL en fonction de l'heure :s

Merci d'avance pour le coup de main.

Code:


jQuery(document).ready(function(){var date = new Date();
        var heure = date.getHours();
        if(heure >= 8 && heure < 17){
          $(".banniere").css("background-image","url('http://i38.servimg.com/u/f38/11/32/71/05/bannir11.gif')");
$(".banniere").css("width", "800");
          $(".banniere").css("height", "424");
          $("body").css("background-image","url('http://i38.servimg.com/u/f38/11/49/29/90/fond3111.jpg')");
        }
  if(heure >= 18 && heure < 21){
          $(".banniere").css("background-image","url('http://img15.hostingpics.net/pics/250328banni2.gif')");
$(".banniere").css("width", "800");
          $(".banniere").css("height", "24");
          $("body").css("background-image","url('http://img15.hostingpics.net/pics/963168fondforum2.png')");
        }
  if(heure >= 22 && heure < 7){
          $(".banniere").css("background-image","url('http://img15.hostingpics.net/pics/880790banni1.gif')");
$(".banniere").css("width", "800");
          $(".banniere").css("height", "424");
          $("body").css("background-image","url('http://img15.hostingpics.net/pics/903652fondforum1.png')");
        }

});


Ps. Je viens de voir que sous mobile ça ne fonctionne pas du tout... On ne voit pas la bannière etc.

Up s'il vous plait :3

Salut,

Pour la largeur du forum, elle n'est pas modifié par le javascript chez moi. Est-ce qu'elle change quand tu la modifies dans panneau d'admin > général > configuration (sous Forum) > Largeur du forum ?

Pour la teinte du forum et le QEEL, tu veux modifier quoi exactement ? Peut-être que ce sujet t'aidera à identifier le CSS que tu veux changer mais sinon je veux bien que tu m'entoures ça sur une capture d'écran ou que tu me le décrives

D'accord merci Neva
Alors nom dans le PA ça reste à 80% ce qui est justement très étonnant.
J'ai vidé mes caches pour être sûre mais ça n'a rien changé à ce petit souci.
Tu vois le forum normal toi ? C'est étrange >.<

Je vais essayer des manipulations avec le lien que tu m'as donné.
(Je veux changer la teinte des catégories, probablement les boutons de la barre nav' (ce qui va être compliqué je crois...) le QEEL + barre de titre de catégorie. Je vais donc profiter de mon jour de repos demain pour voir si j'arrive à quelque chose de concluant sinon je viendrai dire les obstacles que je rencontre.

Ah et je travaille sur un nouveau QEEL donc du coup je ne suis pas sûre des informations qu'il faudra que je mette dedans... Je suppose qu'une fois le QEEL définitif installé ça sera beaucoup plus pratique mais avec ce lien que tu m'as donné ça sera nickel


EDIT : j'ai remarqué que le dernier chargement ne se faisait pas. 21/8h.
Je ne vois pas d'où ça vient...

Merci pour ton aide

Nouveau code java :

Code:


jQuery(document).ready(function(){var date = new Date();
        var heure = date.getHours();
        if(heure >= 8 && heure < 17){
          $(".banniere").css("background-image","url('http://i38.servimg.com/u/f38/11/32/71/05/bannir11.gif')");
$(".banniere").css("width", "800");
          $(".banniere").css("height", "424");
          $("body").css("background-image","url('http://i38.servimg.com/u/f38/11/49/29/90/fond3111.jpg')");
$(".row1").css("background-color","#C8E6AF");
$(".row2").css("background-color","#C8E6AF");
$(".row3").css("background-color","#C8E6AF");
$(".secondarytitle").css("background-image","url('http://chevalsauvage.net/Design/frise.png')");
$(".secondarytitle").css("width","664");
$(".secondarytitle").css("height","54");
$(".secondarytitle").css("background-repeat","no-repeat");
$(".secondarytitle").css("margin-left-value","50");
        }
  if(heure >= 17 && heure < 21){
          $(".banniere").css("background-image","url('http://img15.hostingpics.net/pics/250328banni2.gif')");
$(".banniere").css("width", "800");
          $(".banniere").css("height", "424");
          $("body").css("background-image","url('http://img15.hostingpics.net/pics/963168fondforum2.png')");
$(".row1").css("background-color","#9792d4");
$(".row2").css("background-color","#9792d4");
$(".row3").css("background-color","#9792d4");
$(".secondarytitle").css("background-image","url('http://img11.hostingpics.net/pics/893301frise3.png')");
$(".secondarytitle").css("width","664");
$(".secondarytitle").css("height","54");
$(".secondarytitle").css("background-repeat","no-repeat");
$(".secondarytitle").css("margin-left-value","50");
        }
  if(heure >= 21 && heure < 8){
          $(".banniere").css("background-image","url('http://img15.hostingpics.net/pics/880790banni1.gif')");
$(".banniere").css("width", "800");
          $(".banniere").css("height", "424");
          $("body").css("background-image","url('http://img15.hostingpics.net/pics/903652fondforum1.png')");
$(".row1").css("background-color","#d49792");
$(".row2").css("background-color","#d49792");
$(".row3").css("background-color","#d49792");
$(".secondarytitle").css("background-image","url('http://img11.hostingpics.net/pics/480818frise2.png')");
$(".secondarytitle").css("width","664");
$(".secondarytitle").css("height","54");
$(".secondarytitle").css("background-repeat","no-repeat");
$(".secondarytitle").css("margin-left-value","50");
        }


});


=> la dernière plage horaire ne fonctionne pas.
Et pour secondarytitle je n'arrive pas à centrer la barre. Je teste différents margin mais rien...
Concernant la barre nav' je ne comprends pas comment présenter mon code pour chaque image. Il y a mainmenu mais après concrètement je ne vois pas comme je dois écrire mon code...

Donc si tu peux m'éclairer de tes lumières ça serait génial

Je me permets de upper comme j'ai édité je pense que mon message n'a pas été vu >.<

EDIT : J'ai testé des trucs.
Je crois qu'il faut que je modifie les width 100% en 80% dans tous mes templates...
Ca peut déjà être une solution.
Mais pour mon problème d'affichage de créneau 3 je vois pas...

Salut,

En fait, c'est une raison mathématique toute bête : aucun n'ombre n'est supérieur à 21 et inférieur à 8h. Le code ne résume qu'en termes de chiffres et pas sur une horloge comme nous ^^
Du coup, il faut mettre une fois le code pour entre 0h et 8h (incluant le 0h) et une autre fois entre 21h et 24h (incluant le 24heure)

Ah d'accord merci :)
Je vais tester ça !
Ca fonctionne parfaitement

Pour le code boutons de barre nav' ça se présente comment finalement ?
Car .mainmenu j'ai bien compris mais je comprends pas comment mettre tel bouton pour telle redirection (accueil, faq etc.)
Je crois que c'est le plus complexe pour moi ça mdr

Oups, j'avais pas vu ce point-là. Ca ne va pas être possible uniquement via le JS. Mon code te permet de changer du CSS et les images de la barre de navigation ne sont pas affichées via le CSS.
Il est peut-être possible de le faire en javascript en éditant le template et remplaçant la barre de navigation par une barre faite manuellement avec un javascript "si il est telle heure alors affiche cette version HTML de la barre ou si il est telle heure..." (ce qui se trouve ici peut aider)

D'accord merci :)
Et est il possible d'imposer a tout le forum le 80% plutôt que de changer les templates un par un ? Ah et bien sur que ça reste centré lol

Essaie

Code:

#page-body {
width: 80% ;
margin: auto;
}

J'ai l'impression que cet identifiant entoure l'ensemble des pages et le margin permet de centrer

Merci beaucoup j'essaie ça demain après midi après avoir remis a zéro les templates que j'ai déjà modifié mdr. Il y en a tellement que j'ai baissé les bras après le 5e x)

Essaie peut-être avant de supprimer les templates. Tu verras déjà si ça affecte les templates non modifiés :)

Hum j'ai pris la page MP en référence et aucun changement... Je crois que je suis bonne pour la modif des templates...

Salut Miki,

T'as pu t'en sortir alors ?

J'ai pas eu le temps de repasser on m'a fait faire des heures sup' du coup je me remets bien dessus demain après midi ^^

J'ai vérifié pour le 80% en ajoutant important à coré mais rien...
Pour la barre nav je pense que l'on va garder la même pour les 3 designs ^^

Je pense que tu peux archiver ce sujet. Je verrai comment arranger les autres petits soucis

A bientot et merci pour ton aide !

D'accord !
Bon courage pour les petits soucis :)