Script pour guirlande de Noël

[Cloo]

Bonjour,

Avant de l'implanter sur mon forum standard, je fais l'essai sur mon forum test qui est celui-ci:
https://accrosjardintest.forumactif.com/
C'est un forum en version phpBB3

J'essaie d'implanter un script (parmi celles fournies pour la déco) pour mettre une guirlande en haut de la bannière:

Code:


var garland = 2; var height =50; $(function() {
      $.getScript('https://script.forumactif.com/16517.js');
    });


J'ai deux problèmes avec:

1. je voudrais l'implanter "sur toutes les pages". Mais quand je clique cette option, il n'apparaît pas du tout, même sur la page d'accueil du forum. Quand je choisis l'option "sur l'index", il apparaît, mais bien sûr uniquement sur cette page.

2.comme vous pouvez le voir en cliquant sur le lien ci-dessus, la guirlande cache la "toolbar" en haut, la rendant inaccessible.  Que puis-je faire pour que la guirlande soit juste en dessous de la "toolbar"? Et idéalement, de la largeur du forum?

(Quand ce sera opérationnel, ça va aller sur mon forum principal, qui a déjà quelques décos ici --> https://accrosjardin.forumactif.com  )

Merci d'avance!

[*Splash*]

Hi,
Le script placé sur toutes les pages sur mon forum test :
https://rwan.forumactif.com


EDIT

Remplace le script par celui-ci :

Code:

var garland = 2; var height =50; $(function() {
var garlandSources=['https://i.imgur.com/JlA9EbE.png','https://i.imgur.com/R3azwF4.png','https://i.imgur.com/CcX2vOx.png'];
var g=(typeof garland!=='undefined')?garland:0;var hei=(typeof height!=='undefined')?height:110;
var css=".christmas_garland { width: 100%; position: absolute; z-index:1; top: 0; left: 0; background-image: url('"+garlandSources[g]+"'); background-size: auto 100%; height: "+hei+"px;";$('body').prepend('<div class="christmas_garland"></div>');$('head').append("<style>"+css+"</style>");
    });

Dans le code tu as ceci :

Code:

width: 100%; position: absolute; z-index:1; top: 0; left: 0

Tente de remplacer :

Code:

top: 0;

Par :

Code:

top: 5px;

[Cloo]

Merci, Splash

Avant de faire la modification que tu m'indiques pour la position de la guirlande, j'ai tenté:
1. de faire l'essai sur mon forum principal, j'ai bien sûr la même chose (c'est-à-dire non fonctionnel avec l'option "sur toutes les pages")
2. toujours sur le forum test, de cocher "sur l'index" et "sur les sujets", pages qui sont celles le plus fréquemment affichées. Cela fonctionne, mais:
--> ok pour l'index
--> beaucoup plus grand sur les pages de sujets, voir ici:
. page index: https://accrosjardintest.forumactif.com/
. page sujet: https://accrosjardintest.forumactif.com/t26-avec-un-titre
et ce pour la même script, mêmes paramètres

[*Splash*]

Le fait de remplacer le script permet de modifier la position de la guirlande par rapport au haut du forum.
Avec cette valeur (top: 5px;) cela permet de placer la guirlande à 5px du haut du forum, augmente la valeur au besoin

[Cloo]

Oui, j'ai bien compris ça... et ça fonctionne très bien, c'est parfait !

Pour le moment, je vais l'implanter ainsi sur mon forum principal, sur la page d'index seulement. Un bon début  

Mais:

1. le problème d'affichage sur les autres pages persiste (ou de taille avec l'option "sur les sujets")

2. Aussi, je voudrais idéalement l'avoir de la largeur du tableau du forum, j'ai essayé de modifier quelques paramètres de ta script, sans succès.



EDIT:
Voici sur mon forum principal --> https://accrosjardin.forumactif.com/

[Neptunia]

Bonjour ^^


La cause du dysfonctionnement lorsque placé sur toutes les pages n'est pas à chercher dans le script de la guirlande mais sur tous les autres scripts dont un au moins contient une erreur qui provoque l'arrêt de tous les autres scripts.

Pour ce qui est de la guirlande, sur les sujets (uniquement pour les membres connectés) et sur les éditions, réponses, citations ... le problème vient de l'éditeur (qui utilise une variable de même nom que l'une du script)

Un script alternatif pour corriger ce problème :

Code:

    var garland = 2; var howhigh = 110;
    $(function() {
    var garlandSources = ['https://i.imgur.com/JlA9EbE.png', 'https://i.imgur.com/R3azwF4.png', 'https://i.imgur.com/CcX2vOx.png'];
    var g = (typeof garland !== 'undefined') ? garland : 0;
    var hei = (typeof howhigh !== 'undefined') ? howhigh : 110;
      var css = ".christmas_garland { width: 100%; position: absolute; z-index:1; top: 0; left: 0; background-image: url('" + garlandSources[g] + "'); background-size: auto 100%; height: " + hei + "px;";
    $('body').prepend('<div class="christmas_garland"></div>');
    $('head').append("<style>" + css + "</style>");
    });

[Cloo]

Ça, j'avais bien compris que c'était un conflit avec un autre script... mais je ne connais pas assez ça pour trouver laquelle... surtout que cette script n'est que du superflu, une déco... alors, je ne m'en fais pas trop avec ça non plus!

Ceci dit, ça ne fonctionne pas plus "sur toutes les pages".

Par contre, ça fonctionne bien "sur l'index" et "sur les sujets", peut-être parce que j'ai modifié la valeur de la variable "howhigh" aux deux endroits dans la script (50 au lieu de 110) ?

https://accrosjardintest.forumactif.com/t1-forum-test-du-forum-les-accros-du-jardin

[Neptunia]

Le meilleur moyen de trouver le coupable est de désactiver les autres scripts un par un en décochant les cases de placement.

Une fois que vous aurez un fonctionnement normal de la guirlande, ça voudra dire que le problème est à chercher dans le dernier script désactivé.

Par contre, ça fonctionne bien "sur l'index" et "sur les sujets", peut-être parce que j'ai modifié la valeur de la variable "howhigh" aux deux endroits dans la script (50 au lieu de 110) ?

Nul besoin de modifier à plusieurs endroits. Il suffit de modifier la ligne 1.
La valeur plus loin est juste celle qui est prise par défaut lorsque celle de début est incorrecte

[Cloo]

Le meilleur moyen de trouver le coupable est de désactiver les autres scripts un par un en décochant les cases de placement.

Oui, j'ai bien compris ça, à force de vous lire ici. Mais comme je l'ai dit plus haut, cette dernière script est superflue, alors que les autres sont importantes pour le bon fonctionnement du forum, du moins comme nous le voulons. Alors, je ferai peut-être l'exercice sur le forum test quand j'aurai le temps... cette fin de semaine, probablement

Pour le moment, j'ai installé ta script, Neptunia, sur mon forum principal, avec "sur l'index", "sur les sous-forums" et "sur les sujets", ce qui est pas mal, et ça fonctionne bien ainsi... bon, on ne l'a pas sur les pages résultant de recherches, ni sur celles de la messagerie privée... pas bien grave! Et cela n'est que pour 3 semaines, gros max!

OK pour la valeur de la variable, bien compris!


Il me reste à la réduire et à la centrer sur le tableau du forum, et à refaire la bannière de Noël pour descendre un peu la déco des cannes de Noël à droite qui est du coup trop proche de la guirlande:
https://accrosjardin.forumactif.com/

[*Splash*]

Oh génial, on en revient à mon post édité ici : https://forum.forumactif.com/t401968-script-pour-guirlande-de-noel#3353827 avec un script placé sur "sur l'index", "sur les sous-forums" et "sur les sujets"

[Cloo]

J'avais essayé le tien, Splash, mais j'avais encore la différence de taille, il me semble, selon les pages. Problème qui est réglé maintenant.

[*Splash*]

Une différence de taille que je ne constatait pas sur ton forum, mais si c'est réglé c'est le principal

[Neptunia]

Une différence de taille que je ne constatait pas sur ton forum, mais si c'est réglé c'est le principal

Comme invité, la réponse rapide est absente, le dysfonctionnement aussi.

[Cloo]

Voilà, j'ai corrigé la bannière de Noël (descendu un peu la déco des cannes de Noël à droite), c'est pas mal plus sympa ainsi:
https://accrosjardin.forumactif.com/

[Cloo]

Par contre, sur tablette et sur téléphone, version Web, la guirlande ne couvre pas toute la largeur de l'écran... ici sur tablette:



Alors que c'est OK sur l'ordi


Mais sur la version mobile, OK, ça couvre toute la largeur de l'écran.

[Cloo]

Je marque comme résolu, même s'il reste quelques petits détails qui n'ont pas été résolus, ce n'est pas bien grave... ex: sur mobile, ou encore la largeur de la guirlande à ajuster...