Flèche scrool

[mario968]

Bonjour,

Si c'est possible, j'aimerai mettre sur mon forum la même chose que ceci : http://inti.france.free.fr/peuples-indigenes/cine-et-video-indigene.html

Observer le mouvement de la petite flèche, en bas à droite ... elle bouge, et reste à chaque instant disponible.

Trouvé ici : http://forums.phpbb-fr.com/modifications-et-recherche-de-styles/sujet184065.html


Cordialement

[MlleAlys]

Bonjour,
je crois que cette astuce correspond à ce que vous cherchez à faire ^^ :
https://forum.forumactif.com/t325685-ajouter-des-boutons-haut-bas

[Adam_sfp]

Bonsoir

Pourquoi reposer la question alors que l'on vous donne la solution sur un autre post?
https://forum.forumactif.com/t360300-probleme-de-placement-des-boutons-haut-bas

Cdt.

[mario968]

Bonsoir

Pourquoi reposer la question alors que l'on vous donne la solution sur un autre post?
https://forum.forumactif.com/t360300-probleme-de-placement-des-boutons-haut-bas

Cdt.

Bonsoir,

Croyez vous que je ne les ai pas essayé    La solution que l'on m'a donné ne fonctionnait pas, avec le javascript (1) la flèche restait toujours en bas, et après avoir ajouté le javavascript (2) il n'y avait plus de flèche du tout.

Donc code -> poubelle.

Cordialement

[mario968]

Bonjour,
je crois que cette astuce correspond à ce que vous cherchez à faire ^^ :
https://forum.forumactif.com/t325685-ajouter-des-boutons-haut-bas

C'est justement cette astuce qui pose problème, les flèches restent en bas du forum.

Cordialement

[Adam_sfp]

Bonsoir,

Croyez vous que je ne les ai pas essayé    La solution que l'on m'a donné ne fonctionnait pas, avec le javascript (1) la flèche restait toujours en bas, et après avoir ajouté le javavascript (2) il n'y avait plus de flèche du tout.

Donc code -> poubelle.

Cordialement

Bonsoir

Pourquoi ne pas répondre à ce moment la le code ne fonctionne pas ?
plutôt que;
"Merci à vous deux, mais j'avoue que je ne vais pas me prendre la tête pour ce gadget.

Milles excuses pour vous avoir donné du travail inutile."

de mon coté si je teste le code il fonctionne..


Cdt.

[MlleAlys]

Ah, mais il était inutile de rouvrir un sujet n'est ce pas ?
Quant au problème lui même, comme l'a dit Automne ici : https://forum.forumactif.com/t360300-probleme-de-placement-des-boutons-haut-bas#3058986 Le code javascript seul ne suffit pas, c'est le css qui permet de fixer les flèches sur l'écran grâce à la propriété position:fixed; que tu peux y trouver. Pour ma part, je n'ai pas grand chose d'autre à ajouter que ce qui a déjà été dit dans le précédent sujet =/

[Dr. Sam]

Bonsoir,

Si la solution de MlleAlys ne fonctionne pas, ce qui m'étonnerais car il a bien raison,
pourriez-vous remettre les boutons sur votre forum afficher sur votre profil, je vais effectuer un teste. Dites le moi quand c'est fait ...


Merci xx
Et cordialement,

[mario968]

Bonsoir,

Croyez vous que je ne les ai pas essayé    La solution que l'on m'a donné ne fonctionnait pas, avec le javascript (1) la flèche restait toujours en bas, et après avoir ajouté le javavascript (2) il n'y avait plus de flèche du tout.

Donc code -> poubelle.

Cordialement

Bonsoir

Pourquoi ne pas répondre à ce moment la le code ne fonctionne pas ?
plutôt que;
"Merci à vous deux, mais j'avoue que je ne vais pas me prendre la tête pour ce gadget.

Milles excuses pour vous avoir donné du travail inutile."

de mon coté si je teste le code il fonctionne..
http://testprodfa.forumactif.org/forum

Cdt.

Parce que je ne suis pas un pro des css, les codes c'est un peu du chinois pour moi, et lorsque je n'y arrive pas au bout d'un moment je finit par craquer.

Voila c'est pas plus compliqué.

Encore toutes mes excuses pour vous avoir fait perdre votre temps sur ce sujet.

Cordialement

[mario968]

Bonsoir,

Si la solution de MlleAlys ne fonctionne pas, ce qui m'étonnerais car il a bien raison,
pourriez-vous remettre les boutons sur votre forum afficher sur votre profil, je vais effectuer un teste. Dites le moi quand c'est fait ...


Merci xx
Et cordialement,

Merci de vouloir m'aider, mais cette fois ci je jette l'éponge pour cette demande.

@MlleAlys, effectivement cela fonctionne sur votre forum de test.

Tant pis.

Cordialement

[MlleAlys]

Ah, si c'était ça, il fallait le dire ! =D Ce n'est pas très compliqué ici, il suffit de coller les codes donnés au bon endroit :


Le code javascript, je crois que vous aviez déjà réussi à l'installer donc :
-Dans modules > gestion des codes javascripts
- vérifier que la gestion des codes est cochée sur OUI
- créer un nouveau code  
- lui donner un nom ("flèches haut et bas" par exemple ^^)
- cocher "sur toutes les pages" pour afficher les flèches sur toutes les pages du forum
- dans la zone de saisie, coller le code :

Code:

$(function () {
    $("body").append('<div class="bouhautbas_1"><a href="#top"><img src="http://i42.servimg.com/u/f42/09/02/12/09/sort_u10.png" alt="Aller en haut" /></a></div><div class="bouhautbas_2"> <a href="#bottom"><img src="http://i42.servimg.com/u/f42/09/02/12/09/sort_d10.png" alt="Aller en bas" /></a></div>');
});

- enregistrez

Ce code permet d'ajouter les flèches dans la page.




Puis il faut les placer avec le css, rien de compliqué non plus :

- dans affichage > couleurs > onglet feuille de style css
- si vous n'avez aucun code dans la zone de saisie, vous pouvez directement coller le code suivant. Sinon, vous allez tout tout tout en bas, vous passez quelques lignes pour bien séparer le nouveau code des précédents, et vous collez le suivant :

Code:

/*POSITIONNEMENT DES FLECHES ALLER EN HAUT OU EN BAS*/
.bouhautbas_1 {
    position: fixed;
    bottom: 80px;
    left: 10px;
    z-index: 100;
}
.bouhautbas_2 {
    position: fixed;
    bottom: 40px;
    left: 10px;
    z-index: 100;
}

- enregistrez

Les flèches sont maintenant placées et fixes sur l'écran ^^

pour l'explication du code css, si vous voulez mieux comprendre ^^" :

Est-ce plus clair comme ça ? =)

[Jama]

ça marche chez moi.
Je n'ai plus qu'à changer les images pour les mettre en accord avec la charte graphique de mon forum.
Et c'est bien pratique.
Merci de m'y avoir fait penser.