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
» » Ajouter un fil d'Ariane sur les catégories
Insérer des boutons "Haut" & "Bas" de forum Clock-10Lun 28 Oct 2024 - 8:48 par Kionk

» » Centrer l'avatar, le pseudo & le rang dans les messages
Insérer des boutons "Haut" & "Bas" de forum Clock-10Dim 27 Oct 2024 - 14:19 par Kionk

» » Modifier les icônes et textes des boutons "Afficher" et "Cacher" des catégories
Insérer des boutons "Haut" & "Bas" de forum Clock-10Jeu 24 Oct 2024 - 1:23 par Kionk

» » Ajouter son copyright
Insérer des boutons "Haut" & "Bas" de forum Clock-10Ven 19 Juil 2024 - 23:11 par Noxys

» » 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

Novembre 2024
LunMarMerJeuVenSamDim
    123
45678910
11121314151617
18192021222324
252627282930 

Calendrier Calendrier

-43%
Le deal à ne pas rater :
-100€ Pack rééquipement Philips Hue Play : 3 barres lumineuses ...
129.99 € 229.99 €
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