Les forums Forumactif
Vous souhaitez réagir à ce message ? Créez un compte en quelques clics ou connectez-vous pour continuer.
Compteur de visites gratuit
Annonces
CAForum est aussi un forum d'aide pour phpBB. Voici le lien du forum : https://forums.caforum.fr
Vous voulez créer un forum sans publicités tout en étant propriétaire de votre base de données ?
Contactez moi sur le forum !
CAForum infos
Derniers sujets
» » Bouton MP "Répondre" adapté à la version ModernBB
Insérer des boutons "Haut" & "Bas" de forum Clock-10Mer 31 Jan 2024 - 13:03 par NIK SIURI

» » Réduire la hauteur des catégories
Insérer des boutons "Haut" & "Bas" de forum Clock-10Mer 31 Jan 2024 - 12:59 par NIK SIURI

» » [AwesomeBB] Ajout d'un bloc de connexion/enregistrement en bas de page
Insérer des boutons "Haut" & "Bas" de forum Clock-10Mer 31 Jan 2024 - 12:35 par NIK SIURI

» » Afficher les avatars en forme rectangulaire
Insérer des boutons "Haut" & "Bas" de forum Clock-10Mer 31 Jan 2024 - 11:47 par NIK SIURI

» » Modifier la partie des stats en début de qeel
Insérer des boutons "Haut" & "Bas" de forum Clock-10Mer 31 Jan 2024 - 11:45 par NIK SIURI

» » Mettre une image au qeel
Insérer des boutons "Haut" & "Bas" de forum Clock-10Mer 31 Jan 2024 - 11:37 par NIK SIURI

» » Rendre l'image du header cliquable
Insérer des boutons "Haut" & "Bas" de forum Clock-10Mer 31 Jan 2024 - 11:34 par NIK SIURI

» » Elargir le cadre de la boite de smileys
Insérer des boutons "Haut" & "Bas" de forum Clock-10Mer 31 Jan 2024 - 11:33 par NIK SIURI

» » [phpBB3] Flèches Haut et Bas qui s'adaptent à la couleur du thème
Insérer des boutons "Haut" & "Bas" de forum Clock-10Mer 31 Jan 2024 - 10:29 par NIK SIURI

» » Catégories rétractables sur l'index
Insérer des boutons "Haut" & "Bas" de forum Clock-10Mer 31 Jan 2024 - 10:17 par NIK SIURI

» » [phpBB3] Catégories de différentes couleurs
Insérer des boutons "Haut" & "Bas" de forum Clock-10Mer 31 Jan 2024 - 10:17 par NIK SIURI

» » [phpBB3] Ajout d'un bloc de connexion/enregistrement en bas de page
Insérer des boutons "Haut" & "Bas" de forum Clock-10Mer 31 Jan 2024 - 10:07 par NIK SIURI

» » Centrer l'avatar, le pseudo & le rang dans les messages
Insérer des boutons "Haut" & "Bas" de forum Clock-10Mer 31 Jan 2024 - 10:06 par NIK SIURI

» » Modifier l'icône "On-line"
Insérer des boutons "Haut" & "Bas" de forum Clock-10Mar 23 Mai 2023 - 19:15 par Kionk

» » Insérer des boutons "Haut" & "Bas" de forum
Insérer des boutons "Haut" & "Bas" de forum Clock-10Mar 23 Mai 2023 - 11:40 par Kionk

Mars 2024
LunMarMerJeuVenSamDim
    123
45678910
11121314151617
18192021222324
25262728293031

Calendrier Calendrier

Le Deal du moment :
Aliexpress : codes promo valables sur tout le site
Voir le deal

Insérer des boutons "Haut" & "Bas" de forum

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

Splash

StaffAdmin
StaffAdmin
Splash

MessageSplash Ven 7 Sep 2018 - 10:30

  • MP
  • Zoom
Ajouter ce code javascript Sur toutes les pages :
Code:
$(function(){
          $("body").append('<div class="boutonhautbas"><a href="#top"><img src="https://i.servimg.com/u/f45/19/95/20/55/bouton10.png" alt="Aller en haut" /></a> <a href="#bottom"><img src="https://i.servimg.com/u/f45/19/95/20/55/bouton11.png" alt="Aller en bas" /></a></div>');
});

Bouton  Haut (40px par 40px) : https://i.servimg.com/u/f45/19/95/20/55/bouton10.png  

Bouton Bas (40px par 40px) : https://i.servimg.com/u/f45/19/95/20/55/bouton11.png  


Ajouter ce code à la Feuille de style CSS :
Code:
.boutonhautbas {
    bottom: 40px;
    right: 10px; /* remplacez right par left pour afficher les boutons à gauche */
    position: fixed;
    z-index: 100;
}

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

Inscrivez-vous ou connectez-vous pour répondre

Vous devez être membre pour répondre.

Nous rejoindre

Inscrivez-vous pour participer au forum !


Nous rejoindre

Connexion

Vous êtes membre du forum, cliquez ici pour vous connecter.


Connexion

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