Ajouter des boutons "Haut / Bas"

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

  • 0

Astuce Ajouter des boutons "Haut / Bas"

Message par Threax le Mer 22 Fév 2012 - 13:05

Ajouter des boutons "Haut / Bas"


Ce tutoriel vous permettra de placer deux boutons de retour en haut ou en bas de page sur l'ensemble des pages de votre forum.



Créer le Javascript

Panneau d'administration Modules Gestion des codes Javascript
Choisissez "Créer un nouveau javascript", donnez-lui un titre et cochez "Toutes les pages".
Ajoutez-le code suivant :
Code:
$(function(){
          $("body").append('<div class="bouhautbas"><a href="#top"><img src="http://i42.servimg.com/u/f42/09/02/12/09/sort_u10.png" alt="Aller en haut" /></a> <a href="#bottom"><img src="http://i42.servimg.com/u/f42/09/02/12/09/sort_d10.png" alt="Aller en bas" /></a></div>');
});

Remplacez si vous le souhaitez l'URL des images par vos propres images :
- http://i42.servimg.com/u/f42/09/02/12/09/sort_u10.png
- http://i42.servimg.com/u/f42/09/02/12/09/sort_d10.png
:enreg:

Placer les boutons via le CSS

Panneau d'administration Affichage Couleurs Feuille de style CSS
Ajoutez le code suivant :
Code:
.bouhautbas {
    bottom: 40px;
    left: 10px; /* remplacez left par right pour afficher les boutons à droite */
    position: fixed;
    z-index: 100;
}


Threax
+ Hyperactif +

Masculin
Messages : 17277
Inscrit(e) le : 27/08/2005

http://lesforumsde.forumactif.com
Threax a été remercié(e) par l'auteur de ce sujet.

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


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