*JOB.*
Bravo pour ton badge
Bravo pour ton badge, pour te remercier de ta participation au concours
V.I.P
Tu est devenu V.I.P. par tes années de présences.
Présence
Merci pour ta présence sur le forum.
Membre V.I.P Messages : 586 Venue : 23/07/2009 Je suis : Je vie à : Montréal, Qc. Canada Humeur : Bonne Humeur..SOURIRE Mes Points : 109667 Flèches qui montent et descendent dans ma page de site Web | | J'aimerais avoir le code pour installer des flèches qui montent et descendent pour ma page principale de mon site Web. Si cela est possible? Merci à l'avance! |
| |
Ptite_Perle
A les clefs du forum
Je tiens le trousseau de clefs du forum
Fondatrice Messages : 5859 Venue : 27/06/2009 Je suis : Age : 60 Je vie à : Lyon Humeur : Bonne humeur Mes Points : 120641 Re: Flèches qui montent et descendent dans ma page de site Web | | Coucou *JOB.*
As tu du CSS sur ton site?
Bisouss |
| |
*JOB.*
Bravo pour ton badge
Bravo pour ton badge, pour te remercier de ta participation au concours
V.I.P
Tu est devenu V.I.P. par tes années de présences.
Présence
Merci pour ta présence sur le forum.
Membre V.I.P Messages : 586 Venue : 23/07/2009 Je suis : Je vie à : Montréal, Qc. Canada Humeur : Bonne Humeur..SOURIRE Mes Points : 109667 Re: Flèches qui montent et descendent dans ma page de site Web | | Ptite Perle! Non je n'ai pas du CSS sur mon site. Comment je fais pour avoir du CSS sur mon site? est-ce nécessaire? pour avoir le code pour faire des flèches qui montent et descendent sur ma page Acceuil ou autre page de mon site. Merci de me répondre. |
| |
Ptite_Perle
A les clefs du forum
Je tiens le trousseau de clefs du forum
Fondatrice Messages : 5859 Venue : 27/06/2009 Je suis : Age : 60 Je vie à : Lyon Humeur : Bonne humeur Mes Points : 120641 Re: Flèches qui montent et descendent dans ma page de site Web | | Coucou *JOB.* J'ai trouvé un code pour une flèche qui remonte en haut de ton site, j'ai essayée sur mon site ,il fonctionne. A mettre en bas de page index avant - Code:
-
</BODY> </HTML> - Code:
-
<style> html { scroll-behavior: smooth; } #haut { display: none; position: fixed; bottom: 20px; right: 30px; z-index: 99; border: none; outline: none; background-color: orange; color: white; cursor: pointer; padding: 15px; border-radius: 10px; font-size: 18px; } #haut:hover { background-color: #ddd; } </style>
<div style="height:5000px"> <button onclick="retourHaut()" id="haut" title="Retour haut de page">Haut</button> </div>
<script> window.onscroll = function() {scrollFunction()}; function scrollFunction() { if (document.body.scrollTop > 100 || document.documentElement.scrollTop > 100) { document.getElementById("haut").style.display = "block"; } else { document.getElementById("haut").style.display = "none"; } }
function retourHaut() { document.body.scrollTop = 0; document.documentElement.scrollTop = 0; } </script> Dans le code tu pourras changer la couleur du bouton pour qu'il aille au ton de ton site. Sur cette ligne: - Code:
-
<div style="height:5000px"> <== règle la hauteur de la flèche pour ne pas être en dessous de ton site mais reste pas plus bas que la fin de ton site. Pour mon site j'ai mit 100 px Bisouss |
| |
*JOB.*
Bravo pour ton badge
Bravo pour ton badge, pour te remercier de ta participation au concours
V.I.P
Tu est devenu V.I.P. par tes années de présences.
Présence
Merci pour ta présence sur le forum.
Membre V.I.P Messages : 586 Venue : 23/07/2009 Je suis : Je vie à : Montréal, Qc. Canada Humeur : Bonne Humeur..SOURIRE Mes Points : 109667 Re: Flèches qui montent et descendent dans ma page de site Web | | Ptite Perle! Je veux te remercier pour m'avoir fourni ce code d'une flèche qui remonte en haut de mon site. En effet j'ai suivi les explications et mis les codes comme indiquées et moi aussi sur mon site cela fonctionne très bien. Il y a longtemps que je voulais en avoir sur ma page de site car le déroulement est assez long pour revenir au tout début. Si tu veux aller voir sur mon site cela fonctionne très bien , mais je vois que c'est seulement un petit carré avec le mot *HAUT*. Mais c'est correct quand même! Un gros Merci ! |
| |
Ptite_Perle
A les clefs du forum
Je tiens le trousseau de clefs du forum
Fondatrice Messages : 5859 Venue : 27/06/2009 Je suis : Age : 60 Je vie à : Lyon Humeur : Bonne humeur Mes Points : 120641 Re: Flèches qui montent et descendent dans ma page de site Web | | Coucou *JOB.* C'est parfait ca fonctionne Si tu veux une fléche ou autre image, tu me la fourni et je verrai pour l'insérer dans le code, ou si tu veux change seulement la couleur regarde à ce niveau dans le code Couleur de fond et l'écriture - Code:
-
background-color: orange; color: white; Changement de couleur hover, pour changer c'est là dans le code - Code:
-
#haut:hover { background-color: #ddd; } Bisousss |
| |