Compteur de visites gratuit
CAForum infos
Derniers sujets
» » Masquer le bloc des modérateurs
Aujourd'hui à 6:27 par Splash

» » Masquer le bloc "Modérateurs"
Hier à 21:35 par LilaCH

» » [Avis Administrateur] Intervention dans les templates
Hier à 13:34 par chrisnvidia

» » Barre alphabétique de recherche pour liste des membres
Hier à 10:22 par David1195

» » Icon Monstr
Hier à 10:14 par LilaCH

» » [Avis Administrateur] Comprendre le Qeel à l'intérieur du template
Hier à 10:13 par LilaCH

» » HTML Minifier
Dim 20 Jan 2019 - 12:19 par Splash

» » Le coucou du jour (partie 2)
Sam 19 Jan 2019 - 11:41 par David1195

» » Centrer l'avatar, le pseudo & le rang dans les messages
Sam 19 Jan 2019 - 2:53 par chrisnvidia

» » Arrondir l'entête des catégorie
Mar 8 Jan 2019 - 12:56 par chrisnvidia

» » Le temps chez vous.
Mar 8 Jan 2019 - 12:49 par David1195

» » Mettre une image au qeel
Dim 6 Jan 2019 - 15:08 par Teebus

» » Mettre une image en fond de page (body)
Dim 6 Jan 2019 - 15:00 par Teebus

» » Qeel en bas de page
Dim 6 Jan 2019 - 14:50 par Teebus

» » Poser une question sur le forum
Ven 4 Jan 2019 - 22:33 par Splash

» » Le coucou du jour
Ven 4 Jan 2019 - 16:48 par David1195

» » Votre demande
Ven 4 Jan 2019 - 16:41 par David1195

» » Google - Règle de confidentialité et Conditions d'utilisation
Jeu 3 Jan 2019 - 11:31 par Splash

» » Coolors
Mer 2 Jan 2019 - 13:27 par David1195

» » Remove Background from Image
Mer 2 Jan 2019 - 13:26 par David1195

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

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

Splash

avatar

StaffAdmin
StaffAdmin

MessageSplash le 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

Créer un compte ou se connecter pour répondre

Vous devez être membre pour répondre.

S'enregistrer

Rejoignez notre communauté ! C'est facile !


S'enregistrer

Connexion

Vous êtes déjà membre ? Aucun soucis, cliquez ici pour vous connecter.


Connexion

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