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

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

Résolu Mettre un lien en bas de forum pour revenir en haut du forum

Message par @To le Ven 27 Fév 2015 - 17:02

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


Dernière édition par tony26 le Ven 27 Fév 2015 - 19:38, édité 3 fois

@To
*****

Masculin
Messages : 964
Inscrit(e) le : 26/02/2015

@To a été remercié(e) par l'auteur de ce sujet.
  • 0

Résolu Re: Mettre un lien en bas de forum pour revenir en haut du forum

Message par Milouze14 le Ven 27 Fév 2015 - 18:42

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://illiweb.com/fa/m/arrows_up2.gif"/></a>  ');
});

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

http://illiweb.com/fa/m/arrows_up2.gif

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

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

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

Milouze14
+ Hyperactif +

Masculin
Messages : 4625
Inscrit(e) le : 18/04/2005

http://www.milouze14.com/
Milouze14 a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Mettre un lien en bas de forum pour revenir en haut du forum

Message par @To le Ven 27 Fév 2015 - 19:05

OK Super! Very Happy

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

Merci

@To
*****

Masculin
Messages : 964
Inscrit(e) le : 26/02/2015

@To a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Mettre un lien en bas de forum pour revenir en haut du forum

Message par Milouze14 le Ven 27 Fév 2015 - 19:08

Re,

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


a++

Milouze14
+ Hyperactif +

Masculin
Messages : 4625
Inscrit(e) le : 18/04/2005

http://www.milouze14.com/
Milouze14 a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Mettre un lien en bas de forum pour revenir en haut du forum

Message par @To le Ven 27 Fév 2015 - 19:09

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

@To
*****

Masculin
Messages : 964
Inscrit(e) le : 26/02/2015

@To a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Mettre un lien en bas de forum pour revenir en haut du forum

Message par Milouze14 le Ven 27 Fév 2015 - 19:11


Milouze14
+ Hyperactif +

Masculin
Messages : 4625
Inscrit(e) le : 18/04/2005

http://www.milouze14.com/
Milouze14 a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Mettre un lien en bas de forum pour revenir en haut du forum

Message par @To le Ven 27 Fév 2015 - 19:12

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

A+

@To
*****

Masculin
Messages : 964
Inscrit(e) le : 26/02/2015

@To a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Mettre un lien en bas de forum pour revenir en haut du forum

Message par Milouze14 le Ven 27 Fév 2015 - 19:14

Re,

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

a++

Milouze14
+ Hyperactif +

Masculin
Messages : 4625
Inscrit(e) le : 18/04/2005

http://www.milouze14.com/
Milouze14 a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Mettre un lien en bas de forum pour revenir en haut du forum

Message par @To le Ven 27 Fév 2015 - 19:16

En effet oups!.. merci encore Very Happy

Résolu!

@To
*****

Masculin
Messages : 964
Inscrit(e) le : 26/02/2015

@To a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Mettre un lien en bas de forum pour revenir en haut du forum

Message par @To le Ven 27 Fév 2015 - 19:28

Euh.. puis avoir le code pour le bas de page? et l'image vers le bas correspondante à celle-ci https://i39.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

@To
*****

Masculin
Messages : 964
Inscrit(e) le : 26/02/2015

@To a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Mettre un lien en bas de forum pour revenir en haut du forum

Message par Milouze14 le Ven 27 Fév 2015 - 19:34

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

Milouze14
+ Hyperactif +

Masculin
Messages : 4625
Inscrit(e) le : 18/04/2005

http://www.milouze14.com/
Milouze14 a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Mettre un lien en bas de forum pour revenir en haut du forum

Message par @To le Ven 27 Fév 2015 - 19:37

Trop fort!! génial Very Happy Very Happy

a++

@To
*****

Masculin
Messages : 964
Inscrit(e) le : 26/02/2015

@To a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Mettre un lien en bas de forum pour revenir en haut du forum

Message par @To le Ven 27 Fév 2015 - 19:38

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

@To
*****

Masculin
Messages : 964
Inscrit(e) le : 26/02/2015

@To 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