Mettre un lien en bas de forum pour revenir en haut du forum

[Invité]

Détails techniques

Version du forum : PunBB
Poste occupé : Administrateur
Navigateur(s) concerné(s) : Google Chrome
Personnes concernées par le problème : Tous les utilisateurs
Lien du forum : http://diamant-mandarin-evo.superforum.fr/

Description du problème

Bonjour à tous,


Comment puis-je intégrer en bas de forum un lien qui permettrais de revenir en haut du forum?
Demande des membres du forum.

Merci de votre aide

[Invité]

Salut tony26,

essayes ceci:


Modules/HTML&JAVASCRIPT/
Gestion des codes Javascript/Créer un nouveau Javascript

Mettre un titre explicite.
Cocher sur toutes les pages.
colles ceci

Code:


$(function(){
$('#page-body').append('<a id="M14_Top"href="#top"title="Haut de page"><img src="http://2img.net/i/fa/m/arrows_up2.gif"/></a>  ');
});


J'ai repris l'image du bouton pour remonter sur ton fofo :

https://2img.net/i/fa/m/arrows_up2.gif

Mais tu peux changer celle ci par une autre .
Penses à cliquer sur le bouton

Afin de placer cette image , on peut la personnaliser en la fixant et la placer ou le veut .

Dans la feuille de style:
Affichage/Images et Couleurs/Couleurs/Feuille de style

Code:


/*Bouton pour remonter en haut de page*/
a#M14_Top
{
position:fixed; /*on fixe le bouton */
bottom:20px;/*on le place a 20px du bas*/
left:10px;/*on la place a 10 de la gauche*/
}



Penses à cliquer sur le bouton

a++

[Invité]

OK Super!

Existe t'il un bouton sympa "haut de forum" pour plus de visiblité?

Merci

[Invité]

Re,

comme ceci ?:
https://i.servimg.com/u/f39/11/26/21/37/naviga15.png
Ce qui donne:


a++

[Invité]

Avec juste écrit: "haut de forum" ou de page. Comme les boutons "merci" ou "nouveau"

[Invité]

Re,
il faut en faire la demande ici:
https://forum.forumactif.com/f53-service-de-creation-graphique

a++

[Invité]

Avec le 2e code j'ai remplacé left par right. Mais le bouton ne bouge pas. Avez vous une solution merci

A+

[Invité]

Re,

je vois bien le bouton a droite de mon côté, il faut actualiser ton navigateur .

a++

[Invité]

En effet oups!.. merci encore

Résolu!

[Invité]

Euh.. puis avoir le code pour le bas de page? et l'image vers le bas correspondante à celle-ci https://i.servimg.com/u/f39/11/26/21/37/naviga15.png

C'est tout bête mais ça simplifie beaucoup la navigation sur le forum!!

Encore merci d'avance

[Invité]

Re ,
édites ton javascript et remplaces tout le contenu par celui ci:

Code:


$(function(){
$('#page-body').append('<a id="M14_Top"href="#top"title="Haut de page"><img src="http://i39.servimg.com/u/f39/11/26/21/37/naviga15.png"/></a>  ');

$('#page-body').append('<a id="M14_Bottom"href="#bottom"title="Bas de page"><img src="http://i39.servimg.com/u/f39/11/26/21/37/naviga16.png"/></a>  ');
});



Penses à cliquer sur le bouton

Dans la feuille de style:

supprimes le code donné et remplaces par celui-ci:

Code:



a#M14_Top {position:fixed;bottom:45px;right:10px;}
a#M14_Bottom {position:fixed;bottom:10px;right:10px;}



Penses à cliquer sur le bouton

a++

[Invité]

Trop fort!! génial

a++

[Invité]

D'ailleur ça manque sur le forum le forum je trouve..