Ajouter des boutons "Haut / Bas"

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; }

Cette astuce a été proposée par Etana
Aucune reproduction possible sans accord, conformément à l’article L122-1 du CPI.

Pour proposer une astuce, merci de l'envoyer par MP à un Aidactif ou un Modéractif.