Déco de Noel, modification de code Javascript

[denis76]

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 : http://51rt-trier.forumactif.org/

Description du problème

Bonjour,

j'en suis aux décorations de noël
jusque là tout va bien, j'administre un autre forum, mais le problème est le même pour les deux

   var deco = "christmastree";
   var color = "white";
   var direction = "right";
   var attachment = "hight";

la variable Direction que ce soit left ou Right, me pose un petit souci
l'image se trouve trop collée au bord
j'ai bien essayé de chercher comment faire et comme je suis un débutant dans ces codages, mes essais sont ratés

j'aurai donc souhaité si c'est possible écarté légèrement l'image du bord droit ou gauche

Merci pour votre aide
Denis

[Ea]

Bonjour,


Pour une décoration de la liste:

"DÉCORATION EN HAUT DU FORUM"

de ce sujet:
https://forum.forumactif.com/t401882-decorez-vos-forums-pour-noel#3353187

On pourrait la déplacer en ajoutant dans le CSS (Index > Panneau d'administration > Affichage > Images et Couleurs | Couleurs > Feuille de style CSS) du forum ceci:

Code:

div.christmas-body,div#christmas_stars {
    left: 50px; right: auto;
}

Dedans on peut changer le 50px (50 pixels) pour changer la distance entre le bord gauche de la page et la décoration, ou échanger left et right si on veut que la distance soit par rapport au bord droit.

Cordialement.

[denis76]

Merci, je regarde cela aussi vite que possible à partir du début de semaine

[denis76]

Bonsoir,

cela fonctionne bien côté gauche,

faut dire que j'ai poussé le bouchon peut être un peu loin, car j'en ai mis une seconde sur la droite



   var deco2 = "christmastree";
   var color2 = "white";
   var direction2 = "right";
   var attachment2 = "absolute";
   
     
   $(function() {
     $.getScript('https://www.badwholf.uk/rsc/js/moredeco.js');
   });

merci encore pour votre aide précieuse

[denis76]

modif du précédent message

[Faline]

Bonsoir,

Comment avez-vous adapté la CSS pour la 2e boule ?

Code:

div.christmas-body,div#christmas_stars {
    left: 50px; right: -50px;
}

Mais je ne l'ai pas testé .

[denis76]

Bonsoir,

j'ai tout mis dans mon précédent message

en code javascript, cela fonctionne super bien pour le gauche

mais pas pour le droit
j'avais essayé ce genre de chose, mais sans succès

Mais c'est pas grave, c'était histoire de voir si cela était possible

merci encore

[Neptunia]

Bonjour ^^


Pour cette décoration alternative (et non officielle), j'ai dû modifier le nom des identifiants pour ne pas entrer en conflit avec le script officiel
Pour le droit essayez d'ajouter ceci au CSS

Code:

div.northpole-body,div#northpole_stars {
    left: auto; right: 50px;
}

[denis76]

Génial cela fonctionne

merci

Denis