-
Comment mettre des flèches haut/bas sur son blog ?
Comment mettre des flèches haut/bas sur son blog comme ceci ?
Pour mettre des flèches qui vont vers le bas et vers le haut pour pouvoir aller plus rapidement tout en bas ou tout en haut dans votre blog, vous devez coller un code CSS et un code HTML.
Voici le code CSS :
#fleche {position: fixed; right: 5%; top: 300px; }
Vous pouvez modifier le 300px par le chiffre que vous souhaitez, mais sans oublier de remettre "px" derrière. Le chiffre correspond à la hauteur des flèches. Plus le chiffre est grand, plus il va en bas de la page et plus il est petit, plus il va en haut de la page.
Vous pouvez également modifier le "right" et le "5%". Le "right" correspond au bord droit (right) ou gauche (left). Si vous mettez "right: 5%", les flèches seront à 5% du bord droit, hors si vous mettez "left: 5%", les flèches seront à 5% du bord gauche. Plus vous mettrez un pourcentage (%) grand, plus les flèches vont s'écarter du bord que vous aurez choisi (right ou left).
Voici ensuite le code HTML :
<div id="fleche"><a href="#header"> <img src="..." alt="" /> </a> <br /> <a href="#footer"> <img src="..." alt="" /> </a></div>
Vous pouvez coller le code HTML n'importe où, de préférence dans un module sur une colonne, car il ne se voit pas.
Dans les premiers pointillés (...) vous devez mettre l'url de la flèche qui va vers le haut et dans les deuxièmes pointillés, vous devez mettre la flèche qui va vers le bas.
Le href="#header" correspond donc à la flèche du haut et cela indique que quand vous appuierez sur la flèche du haut, vous allez être ramené en haut. Au contraire, le href="#footer" correspond à la flèche du bas et cela indique donc que quand vous appuierez sur la flèche du bas, vous allez être ramené en bas.
Voilà, j'espère que ce code vous servira
Bien à vous, FleurdeNénuphar
-
Commentaires
Merci mais le code marche pas à partir du moment ou je met l'URL de l'image de la flèche, tu peux m'aider?
Merci beaucoup!
En faite ,non,je n’y arrive vraiment complètement pas et j’ai fait n’importe quoi avec le code….
-
Mardi 18 Avril 2023 à 13:29
-
Samedi 22 Avril 2023 à 18:56
-
Samedi 22 Avril 2023 à 19:33
-
Dimanche 23 Avril 2023 à 08:24
-
Dimanche 23 Avril 2023 à 08:25
-
Dimanche 23 Avril 2023 à 17:30
-
Dimanche 23 Avril 2023 à 17:31
-
Dimanche 23 Avril 2023 à 18:45
-
Dimanche 23 Avril 2023 à 18:56
-
Dimanche 23 Avril 2023 à 19:24
-
Dimanche 23 Avril 2023 à 19:42
-
Dimanche 23 Avril 2023 à 19:45
-
Dimanche 23 Avril 2023 à 19:49
N’importe…mais je préfère pour le premier(lgdc real life rp)je préfère des flèches un peu genre naturel mais te complique pas si tu n’en trouve pas,je te dois déjà quelque choses pour le fait que tu ai accepter de m’aider…si tu trouve pas,des fleches vertes feront l’affaire.Pour le 2e,peu importe,des fleches jolies..
-
Dimanche 23 Avril 2023 à 19:51
-
Dimanche 23 Avril 2023 à 19:54
-
Dimanche 23 Avril 2023 à 20:05
-
Non, j'ai rien retiré...
-
Dimanche 23 Avril 2023 à 17:30
-
Dimanche 23 Avril 2023 à 17:31
-
Dimanche 23 Avril 2023 à 17:35
-
Dimanche 23 Avril 2023 à 17:36
-
Dimanche 23 Avril 2023 à 17:43
-
Dimanche 23 Avril 2023 à 19:56
-
Dimanche 23 Avril 2023 à 20:04
-
Dimanche 23 Avril 2023 à 20:07
-
Dimanche 23 Avril 2023 à 20:09
-
Dimanche 23 Avril 2023 à 20:11
-
Dimanche 23 Avril 2023 à 20:14
-
Dimanche 23 Avril 2023 à 20:16
-
Dimanche 23 Avril 2023 à 20:22
-
coucou Nénu!En faite,je vais te (re)demander un service(désolée).Débile comme je suis ,j’ai enlevé par erreur le code en refaisant le blog.Du coup j’ai perdu mes flèches…=< TnT.Du coup,est ce que tu pourrai le refaire stp?
Ajouter un commentaire
Avec plaisir ! ;)