Boutons haut et bas page accueil

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

  • 0

Résolu Boutons haut et bas page accueil

Message par Didou57 le Mer 9 Nov 2016 - 15:43

Détails techniques

Version du forum : phpBB3
Poste occupé : Administrateur
Navigateur(s) concerné(s) : Google Chrome
Personnes concernées par le problème : Tous les utilisateurs
Lien du forum : http://goldwing.lebonforum.com/

Description du problème

Bonjour,

Comment mettre une flèche en haut et une en bas des pages du portail et de la page d'accueil ?

J'ai suivi ce tutoriel qui met les deux flèches uniquement en bas de la page.

http://forum.forumactif.com/t325685-ajouter-des-boutons-haut-bas


Dernière édition par Didou57 le Lun 14 Nov 2016 - 20:27, édité 1 fois
avatar

Didou57
**

Masculin
Messages : 83
Inscrit(e) le : 01/12/2012

http://goldwing.lebonforum.com/
Didou57 a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Boutons haut et bas page accueil

Message par GoichonTurf le Mer 9 Nov 2016 - 18:51

Bonsoir , peut tu donner le css exact que tu à mis et le java merci ( cela nous permettre d'y voir plus claire amicalement serge )
avatar

GoichonTurf
****

Messages : 239
Inscrit(e) le : 07/11/2016

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

Résolu Re: Boutons haut et bas page accueil

Message par Didou57 le Mer 9 Nov 2016 - 19:18

Bonjour,

J'ai simplement recopié les codes du tutoriel.
avatar

Didou57
**

Masculin
Messages : 83
Inscrit(e) le : 01/12/2012

http://goldwing.lebonforum.com/
Didou57 a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Boutons haut et bas page accueil

Message par GoichonTurf le Mer 9 Nov 2016 - 19:19

Bonjour 

Je veux bien vous aidez mais si je vous demande les codes ce n'est pas pour rien, vous avez recopié mais modifié le code rien que les images ne sont pas les mêmes donc svp donnez ici le code css et le code javascript que vous avez modifié merci amicalement serge
avatar

GoichonTurf
****

Messages : 239
Inscrit(e) le : 07/11/2016

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

Résolu Re: Boutons haut et bas page accueil

Message par Didou57 le Mer 9 Nov 2016 - 19:33

Je ne voudrais pas paraître malpoli mais qu'est ce que vous n'avez pas compris dans la phrase : j'ai simplement recopié les codes du tutoriel ?

Ce que je recherche c'est deux codes séparés pour avoir une flèche en haut de ma page qui me dirige immédiatement vers le bas de page et inversement. Et non pas ce qui est fait dans ce tuto qui met les deux flèches en bas de la page. Pour remonter c'est facile... Rolling Eyes  mais dans les deux sens, c'est mieux ! 

En fait, le titre du tuto est trompeur...
avatar

Didou57
**

Masculin
Messages : 83
Inscrit(e) le : 01/12/2012

http://goldwing.lebonforum.com/
Didou57 a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Boutons haut et bas page accueil

Message par GoichonTurf le Mer 9 Nov 2016 - 20:04

Bonsoir


vous a écrit:votre phrase : Je ne voudrais pas paraître malpoli mais qu'est ce que vous n'avez pas compris dans la phrase : j'ai simplement recopié les codes du tutoriel ?



@moi a écrit:Moi
J'ai compris mais svp arrêter de mettre des postes inutiles, je suis la pour vous aider mais vous ne comprenez pas et pourtant je suis claire !
je vous demande le code css et le code javascript que vous avez modifié !
Me dite pas j'ai recopier le code , alors que vous l'avez modifié , preuve :

votre site : http://goldwing.lebonforum.com/

Ce que vous donne votre code en visuel : 


le code suivant le tutoriel officiel vous donne ceci en visuel :


Donc me dite pas que vous ne l'avez pas modifié , ensuite quand vous dite j'aimerai juste l'avoir en haut d'une c'est inutile car quand on entre dans un site on le met toujours en bas, du forum et non en haut mais c'est votre choix mais pour vous dire si vous aviez copier le code officiel sans rien touché ( car vous y avez touché ) les bouton suivent la navigation donc en gros il est en bas mais de votre écran ( taille de l'ecran du pc) pas en bas du forum comme vous l'avez mit ! 



c'est la le soucis c'est que vous l'avez mis dans votre template ou je ses pas mais en tout cas je ses pas si je suis claire mais la facon que vous avez fait n'est pas la bonne et au cas ou regarder si dans votre code css vous n'avez pas enlever le mot : 
Code:
position: fixed;


voila amicalement serge
avatar

GoichonTurf
****

Messages : 239
Inscrit(e) le : 07/11/2016

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

Résolu Re: Boutons haut et bas page accueil

Message par Didou57 le Jeu 10 Nov 2016 - 19:23

Bonsoir,
je ne vais pas me justifier sur les actions que je cherche à réaliser en tant qu'administrateur de mon forum. Si je dis que j'ai besoin d'une flèche en haut ET en bas de mon forum sur la page du portail et de la page d'accueil, c'est qu'elles ont leur utilité pour moi en tant qu'administrateur ! Vous ne comprenez pas, c'est pas grave, je trouverais bien quelqu'un qui le pourra, je ne suis pas pressé.
Quant au changement de CSS, non, il n'a pas été modifié dans son fonctionnement, juste des images remplacées, et ce n'est pas cela qui cause de désagrément puisque je répète que j'ai fait un copier/coller des codes du tutoriel en référence dans mon premier message. Il vous suffit d'ouvrir le lien pour voir les lignes de code qui mettent les deux flèches en bas de la page.

Goichon Turf a écrit:
Donc me dite pas que vous ne l'avez pas modifié , ensuite quand vous dite j'aimerai juste l'avoir en haut d'une c'est inutile car quand on entre dans un site on le met toujours en bas, du forum et non en haut mais c'est votre choix mais pour vous dire si vous aviez copier le code officiel sans rien touché ( car vous y avez touché ) les bouton suivent la navigation donc en gros il est en bas mais de votre écran ( taille de l'ecran du pc) pas en bas du forum comme vous l'avez mit ! 


Désolé mais là, c'est moi qui ne comprend rien....

Donc si quelqu'un peut me donner des codes pour visualiser une flèche en haut de mes pages qui dirige vers le bas de cette même page... merci.
avatar

Didou57
**

Masculin
Messages : 83
Inscrit(e) le : 01/12/2012

http://goldwing.lebonforum.com/
Didou57 a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Boutons haut et bas page accueil

Message par GoichonTurf le Ven 11 Nov 2016 - 7:22

Bonjour

Alors sache qu'en aucun cas je remet en questions ta demande qui est pourtant très claire et précise et comme j'ai pas de temp à perdre et que nous sommes la pour s'entraider, j'ai passer un bon moment dessus , pour cela j'ai besoin avant que tu te lance sur le code que je vais t'indiqué que tu garde dans un bloc note celle que tu à comme sa tu pourra revenir en arrière.

Je m'explique sur le code :
1- tu va dans css et tu met ceci :
Code:
.bouhautbas {
    bottom: 40px;
    left: 10px; /* remplacez left par right pour afficher les boutons à droite */
    position: fixed;
    z-index: 800;
}
2- tu va créer un javascript sur tout les pages
Code:
$(function(){
          $("body").append('<div class="bouhautbas"><a href="#top"><img src="https://i59.servimg.com/u/f59/14/40/93/65/haut310.gif" alt="Aller en haut" /></a></br></br></br></br></br></br></br></br></br></br></br></br></br></br></br></br></br></br></br></br></br></br></br></br></br></br></br></br></br></br></br></br></br></br></br></br></br></br></br></br></br></br></br></br></br></br></br></br></br></br></br></br></br></br></br></br></br><a href="#bottom"><img src="https://i59.servimg.com/u/f59/14/40/93/65/bas3b10.gif" alt="Aller en bas" /></a></div>');
});
3-tu créer un autre code javascript
Code:
$(function(){
          $("body").append('<div class="bouhautbas"><a href="#bottom"><img src="https://i59.servimg.com/u/f59/14/40/93/65/bas3b10.gif" alt="Aller en bas" /></br></br></br></br></br></br></br></br></br></br></br></br></br></br></br></br></br></br></br></br></br></br></br></br></br></br></br></br></br></br></br></br></br></br></br></br></br></br></br></br></br></br></br></br></br></br></br></br></br></br></br></br></br></br></br><a href="#top"><img src="https://i59.servimg.com/u/f59/14/40/93/65/haut310.gif" alt="Aller en haut" /></a></div>');
});

logiquement tu devrait en haut : le bouton haut bas , et en bas de la page juste le bouton haut car le bouton bas pour l'instant je n'y arrive pas, mais essaye je pense qu'on devrai être pas mal , par contre tu comprendra suivant la taille de ton forum tu joue avec la balise </br> en gros tu en enlève ou tu en rajoute, c'est se qui permet d'espacer tes boutons

en gros sa donnerais cela:


voila j'espère que je t'aide bien
amicalement serge
avatar

GoichonTurf
****

Messages : 239
Inscrit(e) le : 07/11/2016

http://goichonturf.forumactif.com/
GoichonTurf a été remercié(e) par l'auteur de ce sujet.
  • 0

Résolu Re: Boutons haut et bas page accueil

Message par jackymi le Ven 11 Nov 2016 - 8:35

Bonjour vous deux

Je salue au passage GoichonTurf pour son travail.

Allez on va tout reprendre , car la bonne nouvelle est qu'il est possible d'avoir les deux boutons indépendants et sur le même script.

Créer un javascript avec un titre explicite
Cocher sur toutes les pages


Code:
$(function(){
              $("body").append('<div class="boutonbas">

<a href="#top"><img src="https://i59.servimg.com/u/f59/14/40/93/65/haut310.gif" alt="Aller en haut" /></a></div>');

            $("body").append('<div class="boutonhaut">
<a href="#bottom"><img src="https://i59.servimg.com/u/f59/14/40/93/65/bas3b10.gif" alt="Aller en bas" /></a></div>');
    });

Ajouter sur la feuille de style Css

Code:
    .boutonhaut {
        position: fixed;
        top: 50px;
        left: 30px; /* remplacez left par right pour afficher les boutons à droite */
 
      }
 
      .boutonbas {
        position: fixed;
        bottom: 40px;
        left: 30px; /* remplacez left par right pour afficher les boutons à droite */
       
        }


Code:
 .boutonhaut
Pour descendre

Code:
 .boutonbas
Pour monter


Régler si nécessaire la position left , bottom , et Top à votre convenance Wink

avatar

jackymi
****

Masculin
Messages : 486
Inscrit(e) le : 09/12/2011

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

Résolu Re: Boutons haut et bas page accueil

Message par Milouze14 le Ven 11 Nov 2016 - 11:04

Hello les ami(e)s,


GoichonTurf, ton script est un peu barbare avec tous ces sauts de ligne Wink .

Il faut procéder comme la souligné jackymi (que je salue Wink avec la feuille de style ) :
http://forum.forumactif.com/t388785-boutons-haut-et-bas-page-accueil#3264515



hum on peut encore compresser le Javascript comme ceci:
Code:
    $(function(){
$("body").append('<div class="boutonbas">
    <a href="#top"><img src="https://i59.servimg.com/u/f59/14/40/93/65/haut310.gif" alt="Aller en haut" /></a></div><div class="boutonhaut">
    <a href="#bottom"><img src="https://i59.servimg.com/u/f59/14/40/93/65/bas3b10.gif" alt="Aller en bas" /></a></div>');
   
           
        });

a++
avatar

Milouze14
Membre actif

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

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

Résolu Re: Boutons haut et bas page accueil

Message par Didou57 le Lun 14 Nov 2016 - 20:25

Bonsoir à tous et merci de vous être penché sur ma demande.

Malgré tout, soit il y a quelque chose que je fais mal de mon côté, soit il y a des résidus qui m’empêchaient de le faire mais j'avais toujours mes deux boutons coincés un au dessus de l'autre en bas de ma page.... Neutral

Après pas mal de tâtonnements, de déplacements, quelques essais laborieux, j'ai réussi à caler ces deux boutons où je voulais. Par contre, ne me demandez pas comment j'ai fait, je suis incapable de vous donner une procédure à suivre ! 
Toujours est-il que dorénavant, j'accède directement à mes hauts et bas de pages en un clic et non plus en coups de roulettes usants...  Wink

Personnellement, pour l'administration de mon forum, c'est top ! 

Encore une fois merci à ceux qui ont planché sur le sujet, mais ce serait sans doute utile de faire un tuto pour les suivant qui seraient intéressés par le système. Il ne doit pas manquer grand chose pour que ce soit "parfait"... 

Je vous joins une copie d'écran de ma feuille CSS si ça peut aider :

 
avatar

Didou57
**

Masculin
Messages : 83
Inscrit(e) le : 01/12/2012

http://goldwing.lebonforum.com/
Didou57 a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Boutons haut et bas page accueil

Message par lilas le Lun 14 Nov 2016 - 20:48

cheers Merci, et pour la question et pour la réponse de Milouze.
Fonctionne pile poil sous phpBB2.

santa
avatar

lilas
*****

Féminin
Messages : 805
Inscrit(e) le : 07/08/2004

http://lefofodemacopine.forumactif.com/
lilas 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