Flèche scrool
5 participants
Forum gratuit : Le forum des forums actifs :: Entraide & Support... :: Gérer l'apparence de son forum :: Archives des problèmes avec l'apparence du forum
Page 1 sur 1 • Partagez
Flèche scrool
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
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
Dernière édition par mario968 le Mer 20 Nov 2013 - 19:27, édité 1 fois
Re: Flèche scrool
Bonjour,
je crois que cette astuce correspond à ce que vous cherchez à faire ^^ :
https://forum.forumactif.com/t325685-ajouter-des-boutons-haut-bas
je crois que cette astuce correspond à ce que vous cherchez à faire ^^ :
https://forum.forumactif.com/t325685-ajouter-des-boutons-haut-bas
MlleAlys- Membre actif
- Messages : 5900
Inscrit(e) le : 12/09/2012
Re: Flèche scrool
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.
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.
Re: Flèche scrool
Bonsoir,Adam_sfp a écrit: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.
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
Re: Flèche scrool
C'est justement cette astuce qui pose problème, les flèches restent en bas du forum.MlleAlys a écrit:Bonjour,
je crois que cette astuce correspond à ce que vous cherchez à faire ^^ :
https://forum.forumactif.com/t325685-ajouter-des-boutons-haut-bas
Cordialement
Re: Flèche scrool
Bonsoirmario968 a écrit:
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
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.
Dernière édition par Adam_sfp le Mer 20 Nov 2013 - 19:35, édité 1 fois
Re: Flèche scrool
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 =/
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 =/
Dernière édition par MlleAlys le Mer 20 Nov 2013 - 19:14, édité 1 fois
MlleAlys- Membre actif
- Messages : 5900
Inscrit(e) le : 12/09/2012
Re: Flèche scrool
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,
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,
Re: Flèche scrool
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.Adam_sfp a écrit:Bonsoirmario968 a écrit:
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
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.
Voila c'est pas plus compliqué.
Encore toutes mes excuses pour vous avoir fait perdre votre temps sur ce sujet.
Cordialement
Re: Flèche scrool
Merci de vouloir m'aider, mais cette fois ci je jette l'éponge pour cette demande.Mr. Docteur a écrit: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,
@MlleAlys, effectivement cela fonctionne sur votre forum de test.
Tant pis.
Cordialement
Re: Flèche scrool
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 :
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 :
Les flèches sont maintenant placées et fixes sur l'écran ^^
Est-ce plus clair comme ça ? =)
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>');
});
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;
}
Les flèches sont maintenant placées et fixes sur l'écran ^^
- pour l'explication du code css, si vous voulez mieux comprendre ^^" :
- .bouhautbas_1 et .bouhautbas_2 font référence à chacune des flèches affichées sur la page grace au code javascript.
Tout ce qui est entre les accolades { ... } concerne le bouton nommé juste avant (le bouton 1 est le bouton pour aller en haut, le 2 pour aller en bas) :
- position: fixed; permet de les fixer sur l'écran
- bottom:$$px; est l'écart en px entre le bouton et le bas de l'écran
- left:$$px; est l'écart entre le bouton et le bord gauche de l'écran
- z-index:100; permet de faire ensorte que les flèches soient toujours au dessus des autres éléments du forum ^^
Est-ce plus clair comme ça ? =)
MlleAlys- Membre actif
- Messages : 5900
Inscrit(e) le : 12/09/2012
Re: Flèche scrool
ç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.
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.
Sujets similaires
» flèche de direction : haut/bas
» Flèche de navigation
» Un fleche spécial
» fleche de navigation
» fleche Haut et bas du forum
» Flèche de navigation
» Un fleche spécial
» fleche de navigation
» fleche Haut et bas du forum
Forum gratuit : Le forum des forums actifs :: Entraide & Support... :: Gérer l'apparence de son forum :: Archives des problèmes avec l'apparence du forum
Page 1 sur 1
Permission de ce forum:
Vous ne pouvez pas répondre aux sujets dans ce forum