Flèche scrool

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

Résolu Flèche scrool

Message par mario968 le Mer 20 Nov 2013 - 16:32

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


Dernière édition par mario968 le Mer 20 Nov 2013 - 19:27, édité 1 fois

mario968
****

Masculin
Messages : 271
Inscrit(e) le : 24/05/2010

http://centpourcentpiste.com
mario968 a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Flèche scrool

Message par MlleAlys le Mer 20 Nov 2013 - 17:44

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

MlleAlys
+ Hyperactif +

Messages : 4407
Inscrit(e) le : 12/09/2012

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

Résolu Re: Flèche scrool

Message par Adam_sfp le Mer 20 Nov 2013 - 18:41

Bonsoir

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

Cdt.

Adam_sfp
+ Hyperactif +

Masculin
Messages : 4157
Inscrit(e) le : 18/04/2008

http://antonyadam.1fr1.net/portal.htm
Adam_sfp a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Flèche scrool

Message par mario968 le Mer 20 Nov 2013 - 18:53

@Adam_sfp a écrit:Bonsoir

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

Cdt.
Bonsoir,

Croyez vous que je ne les ai pas essayé Rolling Eyes   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
****

Masculin
Messages : 271
Inscrit(e) le : 24/05/2010

http://centpourcentpiste.com
mario968 a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Flèche scrool

Message par mario968 le Mer 20 Nov 2013 - 18:55

@MlleAlys a écrit:Bonjour,
je crois que cette astuce correspond à ce que vous cherchez à faire ^^ :
http://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

mario968
****

Masculin
Messages : 271
Inscrit(e) le : 24/05/2010

http://centpourcentpiste.com
mario968 a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Flèche scrool

Message par Adam_sfp le Mer 20 Nov 2013 - 19:02

@mario968 a écrit:
Bonsoir,

Croyez vous que je ne les ai pas essayé Rolling Eyes   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.


Dernière édition par Adam_sfp le Mer 20 Nov 2013 - 19:35, édité 1 fois

Adam_sfp
+ Hyperactif +

Masculin
Messages : 4157
Inscrit(e) le : 18/04/2008

http://antonyadam.1fr1.net/portal.htm
Adam_sfp a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Flèche scrool

Message par MlleAlys le Mer 20 Nov 2013 - 19:06

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 : http://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
+ Hyperactif +

Messages : 4407
Inscrit(e) le : 12/09/2012

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

Résolu Re: Flèche scrool

Message par Dr. Sam le Mer 20 Nov 2013 - 19:11

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 Smile...


Merci xx
Et cordialement,
Smile

Dr. Sam
*****

Masculin
Messages : 894
Inscrit(e) le : 28/06/2012

http://www.fa-aide.com/
Dr. Sam a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Flèche scrool

Message par mario968 le Mer 20 Nov 2013 - 19:22

@Adam_sfp a écrit:
@mario968 a écrit:
Bonsoir,

Croyez vous que je ne les ai pas essayé Rolling Eyes   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
****

Masculin
Messages : 271
Inscrit(e) le : 24/05/2010

http://centpourcentpiste.com
mario968 a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Flèche scrool

Message par mario968 le Mer 20 Nov 2013 - 19:26

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 Smile...


Merci xx
Et cordialement,
Smile
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

mario968
****

Masculin
Messages : 271
Inscrit(e) le : 24/05/2010

http://centpourcentpiste.com
mario968 a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Flèche scrool

Message par MlleAlys le Mer 20 Nov 2013 - 19:41

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 ajout 
- 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 ^^" :


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

Messages : 4407
Inscrit(e) le : 12/09/2012

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

Résolu Re: Flèche scrool

Message par Jama le Mer 20 Nov 2013 - 20:27

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

Jama
****

Masculin
Messages : 355
Inscrit(e) le : 04/06/2011

http://charades-et-rebus.forumgratuit.org
Jama 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