Script pour guirlande en haut du forum (hors Noël)

[Lalittle]

Détails techniques

Version du forum : phpBB3
Poste occupé : Administrateur
Navigateur(s) concerné(s) : Mozilla Firefox
Personnes concernées par le problème : Tous les utilisateurs
Lien du forum : (lien masqué, vous devez poster pour le voir)

Description du problème

Bonjour à tous !
J'ai utilisé avec grand plaisir une des guirlandes de Noël proposée dans le topic "astuces"
(la première, avec les ampoules lumineuses)
Ça donnait vraiment un "truc en plus" bien sympa...
J'aimerais beaucoup pouvoir enregistrer un script qui me permette de mettre en place une guirlande de la même manière, mais dont je puisse choisir le motif... et en changer au gré de l'envie ou des occasions..!
Est-ce possible ?
Si oui, pouvez-vous me l'indiquer ?
Merci par avance...
Et une merveilleuse année pour tous les membres

[marcophil]

c'est possible en enregistrant plusieurs scripts
pour ma part en PHBB2 j'en ai 8 et sur les 8
3 sont actif ( maxi autorisé )
J'active ou désactive en conséquence.

[Lalittle]

Bonjour et merci pour cette réponse...
En fait, ma demande c'est justement le script
Je veux dire :
Un script de base dans lequel je pourrais choisir de mettre en guirlande les images de mon choix (en modifiant dans le script le lien vers l'image, je veux dire)
Je ne sais pas si je suis très claire

[Toryudo]

Bonjour !
Alors, sur le sujet des scripts de Noël https://forum.forumactif.com/t407850-decorez-vos-forums-forumactif-pour-noel, il y a 4 guirlandes différentes.

Pour la première, celle que vous avez utilisée, ce ne sera pas possible : elle est en pur CSS, pas en image. Récupérer ce script ne servira à rien ni vous ne savez pas le modifier. Par contre, pour les trois autres guirlandes, c'est bien une image qui est utilisée. J'ai réécrit le code de façon à ce qu'il soit utilisable pour vous, il suffit juste de changer le lien de l'image et la valeur du height (qui correspond à la hauteur de l'image) et ce sera bon :

Code:

var img = 'https://i.imgur.com/JlA9EbE.png';
var height = 110;

$(function(){
   var css=".christmas_garland { width: 100%; position: absolute; z-index:1; top: 0; left: 0; background-image: url('" + img + "'); background-size: auto 100%; height: " + height + "px; }";
   $('body').prepend('<div class="christmas_garland"></div>');
   $('head').append('<style>' + css + '</style>');
});

[Lalittle]

Oooooh mille mercis !!!
Je tenterai demain je pense, et reviendrai vous dire...

Edit : je suis en train de regarder le code ; il faut absolument une image en png ?
c'est bien cette partie qu'il faut modifier ?

[Toryudo]

C'est bien cette partie, oui.
Pas spécialement une image en png, non, n'importe quel format d'image conviendra !

[Lalittle]

Finalement c'était un test nocturne... insomnie bonjour
Je viens d'essayer en modifiant avec différentes images, en divers formats, et jamais rien ne s'affiche.
Voici le dernier essai (une guirlande de fleurs, pour voir) :

Code:

var img = 'http://mamietitine.m.a.pic.centerblog.net/2734828aohf252jvf.gif';
    var height = 110;
     
    $(function(){
      var css=".christmas_garland { width: 100%; position: absolute; z-index:1; top: 0; left: 0; background-image: url('" + img + "'); background-size: auto 100%; height: " + height + "px; }";
      $('body').prepend('<div class="christmas_garland"></div>');
      $('head').append('<style>' + css + '</style>');
    });

Je ne sais pas trop ce qui pèche !

[marcophil]

j'ai fait plusieurs test avec mon forum
il s'avère que c'est le lien de l'image qui pose problème .
j'ai hébergé l'image sur servimg refait le test et aucun soucie
par contre le blanc du cadre clignote, c'est pas très top
le lien à remplacer pour que vous le constaté avant suppression.

Code:

https://i.servimg.com/u/f66/15/39/40/30/girlan10.gif

[Lalittle]

Ah oui en effet c'est moche moche moche (je ne pensais pas qu'il y aurait un cadre en fait... c'est dommage parce que sinon ce serait joli   )

Merci beaucoup d'avoir vérifié !!!

Donc en fait il faut d'abord que j'héberge l'image, et pas que je copie/colle (paresseusement) le lien d'une image piochée ici ou là...

Je vais refaire des tests et reviendrai vous dire.
Merci encore, c'est vachement sympa de m'aider  

[marcophil]

de rien.
oui c'est préférable de l'héberger sur son espace servimg
en copiant juste le lien ailleurs celui-ci risque de disparaitre par son auteur
et ce retrouver avec un désordre sur son forum.

[Bipo]

Bonjour @Lalittle,

Où en-est votre problème ? Votre problème est résolu, dans ce cas pensez à nous le signaler en cochant l'icône RÉSOLU en éditant votre premier message, Votre problème est toujours d'actualité, dans ce cas pensez à faire des UP régulièrement, afin de ne pas voir votre sujet délesté.

[Lalittle]

Ah oui ça ne traîne pas !! ^^

Eh bien comme je le disais j'ai testé... et je reviens !
Donc après usage de servimg, j'ai pu installer un genre de "feu d'artifleur" tout à fait sympa !

Alors... merci encore a vous pour votre aide