Flèches ascendeurs mal positionnées

[lapinbleu2]

Bonjour à tous !!

Les flèches ascenseurs de notre forum se retrouvent toutes les deux en bas comme le montre ma capture d'écran. Je suis allé voir dans le PA  Gestion des images -- Mini icônes. Je ne vois rien d'anormal. Comment faire pour que la flèche pour descendre en bas du forum soit en haut et celle pour remonter soit en bas ? Bonne journée !!

[Neptunia]

Bonjour ^^


Merci de fournir :
- Le lien du forum concerné puisque ce n'est visiblement pas celui de votre profil
- Le code CSS associé à ces boutons.

[lapinbleu2]

Ah oui désolé. http://chezlilou.forumactif.com/#top

[*Splash*]

Hi
Théoriquement tu dois avoir un script associé à cette astuce, je crois que le CSS est intégré au script.
Sinon il faut fournir aussi le code CSS s'il est à part du script.

[lapinbleu2]

Voici la capture d'écran javascript et celle de son code. Que dois je faire ?

[*Splash*]

Re...
Peux-tu éditer le script de l'ascenseur (clic sur   ) et poster le code ici ?

EDIT
Voici le script :

Code:

$(function(){$("body").append('<div class="bouhautbas"><a href="#top"><img src="https://i.servimg.com/u/f18/14/20/74/15/032hfr10.gif" alt="Aller en haut" /></a> <a href="#bottom"><img src="https://i.servimg.com/u/f18/14/20/74/15/032bfr10.gif" alt="Aller en bas" /></a></div>')});

Tu dois avoir un code CSS bouhautbas dans ta feuille de style CSS, merci de le laisser ici

[lapinbleu2]

Voici le code

$(function(){
$("body").append('<div class="bouhautbas"><a href="#top"><img src="https://i.servimg.com/u/f18/14/20/74/15/032hfr10.gif" alt="Aller en haut" /></a> <a href="#bottom"><img src="https://i.servimg.com/u/f18/14/20/74/15/032bfr10.gif" alt="Aller en bas" /></a></div>');
});

[*Splash*]

J'ai ajouté ce code dans mon dernier message. Avec ce script tu dois avoir un code CSS associé à cette astuce des flèches haut et bas, et je pense que sur ton forum ce code CSS est absent. D'ou la position des flèches en bas à gauche sur ton forum.

Mais si tu veux dissocier les 2 flèches pour en avoir une en haut et une en bas il va falloir changer d'astuce si c'est bien ça que tu veux

[lapinbleu2]

Oui c'est bien ça.
Je suis un admin du forum épisodiquement. Elles font appel à moi quand elles n'arrivent pas à se débrouiller. Je n'ai pas trop de temps pour y venir plus souvent car je gère déjà un site. Comme ça fait un sacré bout de temps que je ne suis pas venu du coup je ne me souviens plus où l'on trouve le CSS. Désolé pour mon trou de mémoire.

[Neptunia]

Pour le CSS, c'est ici
PA > Affichage > Couleurs > Onglet Feuille de style CSS

Mais je pense comme *Splash* que le CSS du tuto n'a jamais été ajouté.

Vous pouvez remplacer le code javascript par celui-ci (j'ai repris les images du tuto, des chevrons noirs)

Code:

$(function(){
                      $("body").append('<div class="btnTOP" style="position: fixed; bottom: 40px; right: 10px; z-index: 100"><a href="#top"><img src="https://i.imgur.com/hkOmuCD.png" alt="Aller en haut" /></a></div>');
                      $("body").append('<div class="btnBOTTOM" style="position: fixed; top: 70px; right: 10px; z-index: 100"><a href="#bottom"><img src="https://i.imgur.com/G3Io37u.png" alt="Aller en bas" /></a></div>');
            });

Et SVP, ne revenez pas dire que ça ne fonctionne pas (sans autre précision) parce que j'ai pris le temps de tester avant de vous fournir ce script.

P.S. Contrairement au tutoriel de ce forum, ici il n'y a rien à mettre dans le CSS, tout est inclus dans le script javascript.

[lapinbleu2]

Maintenant que tu m'as donné le chemin pour le CSS ça m'est revenu de suite. Merci. Effectivement dans le CSS il n'y a rien. Et ton code fonctionne parfaitement. Merci pour ton aide. Bonne soirée !!