Problème bouton Haut-Bas

4 participants

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

Résolu Problème bouton Haut-Bas

Message par Law D kev Jeu 9 Mai 2013 - 11:00

Bonjour,

Je rencontre un problème avec mes boutons haut/bas situés en bas à droite de mon forum. Le bouton en haut m'envoie bien vers le haut mais celui du bas aussi au lien d'envoyer vers le bas :/
Et j'ai remarqué que cela ne se produisait uniquement sur Chrome et non sur Mozilla.

Comment pourrais-je résoudre ce problème ?

Autre question, au lien que les boutons nous envoient vers le haut ou le bas "d'un seul coup", comment faire pour que cela se passe progressivement (comme si on descendait ou on montait le forum manuellement mais assez rapide) ?

Merci !


Dernière édition par Law D kev le Mar 14 Mai 2013 - 19:52, édité 1 fois
Law D kev

Law D kev
****

Messages : 255
Inscrit(e) le : 11/07/2012

https://forum.forumactif.com
Law D kev a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Problème bouton Haut-Bas

Message par Scipion Jeu 9 Mai 2013 - 22:02

Bonsoir

Pouvez-vous mettre à disposition le code de vos boutons Haut et Bas afin que je puisse effectuer un test, merci ?

Cordialement
Scipion

Scipion
Membre actif

Masculin
Messages : 8655
Inscrit(e) le : 03/02/2010

https://forum.forumactif.com/
Scipion a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Problème bouton Haut-Bas

Message par Law D kev Jeu 9 Mai 2013 - 22:13

Voici:

Code:
<div id="navigation_up_down_23270"><noscript>Javascript est desactivé - <a href="http://www.supportduweb.com/">Support du web</a> - <a href="http://www.supportduweb.com/generateur-boutons-navigation-haut-bas-scroll-defilement-racourcis-page-monter-descendre-up-down.html">Generateur boutons de navigateur html</a></noscript><script type="text/javascript" src="http://services.supportduweb.com/navigation_up_down/4-23270-right.js"></script></div>
Law D kev

Law D kev
****

Messages : 255
Inscrit(e) le : 11/07/2012

https://forum.forumactif.com
Law D kev a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Problème bouton Haut-Bas

Message par mambo54321 Ven 10 Mai 2013 - 1:47

Va dans le template 'overall_footer_end'
Juste par dessut </body> Mets:

Code:
<a name="bas"/>

Ensuite Utilise ce code pour tes flêches:
Code:
<style>
.hautbas {
  position: fixed;
  bottom: 1px;
  right: 1px;
}
</style>

<div id="hautbas" class="hautbas">
<a href="#haut">Ici la flêche pour monter</a><br>
<a href="#bas">ici la flêche pour descendre</a>
</div>

J'aurais voulut mêttre les images aussi mais la j'ai remarquer que toutes les flêches font parti d'une image. Très sérieusement, j'ignore comment ta fait.
mambo54321

mambo54321
*

Messages : 46
Inscrit(e) le : 15/11/2011

http://canard-jitsu.forum-servers.com
mambo54321 a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Problème bouton Haut-Bas

Message par Law D kev Ven 10 Mai 2013 - 7:59

Le problème est que comme je suis en phpbb3, je ne peux pas accéder aux templates :/
Law D kev

Law D kev
****

Messages : 255
Inscrit(e) le : 11/07/2012

https://forum.forumactif.com
Law D kev a été remercié(e) par l'auteur de ce sujet.
  • 0

Résolu Re: Problème bouton Haut-Bas

Message par Scipion Ven 10 Mai 2013 - 8:14

Bonjour

J'ai retourné le code dans tous les sens mais rien à faire, votre code ainsi que d'autres du même type ne fonctionnent que partiellement. Il se pourrait qu'il y ait une incompatibilité avec la fonctionnalité 'Page up" de Google Chrome, ça reste à vérifier.

En attendant une solution finale, je vous suggère d'utiliser les boutons proposés par FA : Ajouter des boutons "Haut / Bas"

Il est également possible de réduire la taille des images si vous le souhaitez.

Cordialement
Scipion

Scipion
Membre actif

Masculin
Messages : 8655
Inscrit(e) le : 03/02/2010

https://forum.forumactif.com/
Scipion a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Problème bouton Haut-Bas

Message par Law D kev Ven 10 Mai 2013 - 10:16

J'ai réussi à mettre le code. Mais les boutons sont côtes à côtes... comment faire pour les mettre l'un au dessus de l'autres ?

Law D kev a écrit:Bonjour,
Autre question, au lien que les boutons nous envoient vers le haut ou le bas "d'un seul coup", comment faire pour que cela se passe progressivement (comme si on descendait ou on montait le forum manuellement mais assez rapide) ?
Cela est-il possible ?

Merci !
Law D kev

Law D kev
****

Messages : 255
Inscrit(e) le : 11/07/2012

https://forum.forumactif.com
Law D kev a été remercié(e) par l'auteur de ce sujet.
  • 0

Résolu Re: Problème bouton Haut-Bas

Message par Scipion Ven 10 Mai 2013 - 11:01

Avec le code CSS donné par le tutoriel, les images ne peuvent pas être placées l'une au dessus de l'autre. Les seules modifications possibles pour les deux (2) images sont les suivantes :

- déplacer vers la droite (right: 1px;)
- déplacer vers le bas ( bottom: 10px;)

Pour économiser d'avantage l'espace alloué à l'affichage, vous pouvez également réduire les dimensions actuelles de chaque image, de (30x30)px à (25x25)px, en allant dans le code javascript :

Bouton haut : https://i.servimg.com/u/f78/16/20/81/12/sort_u10.png
Bouton bas : https://i.servimg.com/u/f78/16/20/81/12/sort_d10.png

Pour votre deuxième question relative à la vitesse de déplacement, ça devrait être possible à faire mais avec un autre code que je n'ai pas encore croisé.

Cordialement
Scipion

Scipion
Membre actif

Masculin
Messages : 8655
Inscrit(e) le : 03/02/2010

https://forum.forumactif.com/
Scipion a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Problème bouton Haut-Bas

Message par Law D kev Ven 10 Mai 2013 - 11:19

Merci, j'ai modifié bottom et right et maintenant ça me va ^^

Sinon je vais attendre que quelqu'un passe sur le sujet pour ma seconde question, avec la vitesse de déplacement.

Merci !
Law D kev

Law D kev
****

Messages : 255
Inscrit(e) le : 11/07/2012

https://forum.forumactif.com
Law D kev a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Problème bouton Haut-Bas

Message par Law D kev Sam 11 Mai 2013 - 11:28

Up !
Law D kev

Law D kev
****

Messages : 255
Inscrit(e) le : 11/07/2012

https://forum.forumactif.com
Law D kev a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Problème bouton Haut-Bas

Message par Law D kev Dim 12 Mai 2013 - 11:47

Up !
Law D kev

Law D kev
****

Messages : 255
Inscrit(e) le : 11/07/2012

https://forum.forumactif.com
Law D kev a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Problème bouton Haut-Bas

Message par Law D kev Mar 14 Mai 2013 - 7:42

Up !
Law D kev

Law D kev
****

Messages : 255
Inscrit(e) le : 11/07/2012

https://forum.forumactif.com
Law D kev a été remercié(e) par l'auteur de ce sujet.
  • 0

Résolu Re: Problème bouton Haut-Bas

Message par Gorgebvsh Mar 14 Mai 2013 - 9:39

Bonjour, essayez ce code ci:
Code:
$(function () {
    $("body").append('<div class="bouhautbas"><a href="#top" onclick="$(\'html,body\').animate({scrollTop: 0}, 500);"><img src="http://i42.servimg.com/u/f42/09/02/12/09/sort_u10.png" alt="Aller en haut" /></a><a href="#bottom" onclick="$(\'html,body\').animate({scrollTop: $(document).height()}, 500);"><img src="http://i42.servimg.com/u/f42/09/02/12/09/sort_d10.png" alt="Aller en bas" /></a></div>');
});
la vitesse est réglable en changeant le 500, si la page remonte toujours d'un coup il faudra supprimer les ancres en remplaçant "#top" & "#bottom" par un simple "#"

Cordialement.
Gorgebvsh

Gorgebvsh
**

Messages : 74
Inscrit(e) le : 12/12/2011

http://www.resistance-squad.com/#powered%20by%20forumactif%2Ecom
Gorgebvsh a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Problème bouton Haut-Bas

Message par Law D kev Mar 14 Mai 2013 - 19:52

Merci beaucoup !
Law D kev

Law D kev
****

Messages : 255
Inscrit(e) le : 11/07/2012

https://forum.forumactif.com
Law D kev 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