Code

2 participants

Voir le sujet précédent Voir le sujet suivant Aller en bas

Résolu Code

Message par babycupcake Ven 19 Jan 2024 - 20:04

Bonsoir, pourriez vous svp venir me mettre le code pour avoir

des flèches au et bas, je n'y arrive pas merci d'avance

mon forum:

babycupcake

babycupcake
Nouveau membre

Messages : 3
Inscrit(e) le : 06/01/2024

https://scrapsendelire.forumactif.com/
babycupcake a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Code

Message par Rnd. Sam 20 Jan 2024 - 1:19

Hello Very Happy

Pour installer les flèches haut et bas sur votre forum il faut tout d'abord créer un Javascript
Direction panneau d'administration -> Modules -> HTML & JAVASCRIPT -> Gestion des codes Javascript
Créer un nouveau Javascript et bien cocher "Sur toutes les pages"

Code:
$(function(){
          $("body").append('<div class="boutonhautbas"><a href="#top">
                           <img src="IMAGE ICI" alt="Aller en haut" /></a>
                           <a href="#bottom"><img src="IMAGE ICI" alt="Aller en bas" /></a></div>');
});

Ensuite vous rajoutez le CSS dans la feuille de style CSS
Code:
.boutonhautbas {
 bottom: 150px;
    display: flex;
    position: fixed;
    width: 20px;
    top: 90%;
right: 3%;
    flex-direction: column;
    z-index: 999!important;
}

Vous pouvez modifier le CSS à votre guise !
Bonne soirée


Dernière édition par Rnd. le Sam 20 Jan 2024 - 15:05, édité 1 fois
Rnd.

Rnd.
Nouveau membre

Autre / Ne pas divulguer
Messages : 22
Inscrit(e) le : 07/09/2022

https://busanmemory.forumactif.com/
Rnd. a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Code

Message par babycupcake Sam 20 Jan 2024 - 15:00

 merci beaucoup pour l'aide mais, elle ne se mettent pas bien, elles sont trop en bas et donc on ne les vois pas bien
babycupcake

babycupcake
Nouveau membre

Messages : 3
Inscrit(e) le : 06/01/2024

https://scrapsendelire.forumactif.com/
babycupcake a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Code

Message par Rnd. Sam 20 Jan 2024 - 15:03

Bonjour,

Essayez comme cela
Code:
.boutonhautbas {
    bottom: 150px;
    display: flex;
    position: fixed;
    width: 20px;
    top: 60%;
    right: 8%;
    flex-direction: column;
    z-index: 999!important;
}
Rnd.

Rnd.
Nouveau membre

Autre / Ne pas divulguer
Messages : 22
Inscrit(e) le : 07/09/2022

https://busanmemory.forumactif.com/
Rnd. a été remercié(e) par l'auteur de ce sujet.
  • 0

Résolu Re: Code

Message par babycupcake Sam 20 Jan 2024 - 15:05

 c'est super, merci beaucoup pour votre aide
babycupcake

babycupcake
Nouveau membre

Messages : 3
Inscrit(e) le : 06/01/2024

https://scrapsendelire.forumactif.com/
babycupcake a été remercié(e) par l'auteur de ce sujet.

Voir le sujet précédent Voir le sujet suivant Revenir en haut

- Sujets similaires

Permission de ce forum:
Vous ne pouvez pas répondre aux sujets dans ce forum