• Comment mettre des flèches haut/bas sur son blog ?

    Comment mettre des flèches haut/bas sur son blog comme ceci ?

    Comment mettre des flèches haut/bas sur son blog ?

    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

    1
    Lundi 3 Avril 2023 à 13:53
    Merci bc!
    2
    Dimanche 16 Avril 2023 à 13:12

    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!

    3
    Mardi 18 Avril 2023 à 11:33

    Et moi puisque je suis nulle je n’avais rien compris et jen’arrive pas….lol

    4
    Mardi 18 Avril 2023 à 11:35

    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

        moi j'ai pas réussi ça marche pas le code URL de la flèche, c'est pas le code de Nénu qui marche pas...

      • Samedi 22 Avril 2023 à 18:56

        Pareil!en plus je suis aller voir sur un autre site de CSS confirmé et j’ai pas réussi(peut etre tout simplement parce que je suis nulle,mais bon…)

      • Samedi 22 Avril 2023 à 19:33

        Est-ce que vous avez mis l'url dans le code sans retirer les apostrophes (") ? Je peux peut-être, vous avez directement sur vos blogs ?

      • Dimanche 23 Avril 2023 à 08:24

        En faite,je suis sure que j mis quelques choses dans le code sans retirer les guillemets mais pas sure si c’est vraiment l’URL car je ne sais pas comment avoir l’url d’une image sur la tablette du coup j’ai copier le lien de l’image

         

      • Dimanche 23 Avril 2023 à 08:25

        Mais je préfèrerai que tu vienne sur mon blog;je préfère qu’une pro le fasse plutôt que moi(une grosse nulle)

      • Dimanche 23 Avril 2023 à 17:30

        Non mais oh, tu n'es certainement pas une grosse nulle !! Tu débutes, ce n'est pas pareil ! Il n'y a rien de mal à ne pas y arriver. C'est sur quel blog ? Il faut aussi que tu me mettes en administrateur pour que je puisse faire les modifications :)

      • Dimanche 23 Avril 2023 à 17:31

        juste... moi non plus j'arrive pas avec l'URL de l'image de flèche..^^"

      • Dimanche 23 Avril 2023 à 18:45

        Cool!C’est pour 2blogs…La Grande Guerre des Clans et La guerre des clans rl[RP]

      • Dimanche 23 Avril 2023 à 18:56

        Oki ! Mais il faut que tu me mettes en admin pour que je puisse modifier les choses, et est-ce que tu pourrais me donner l'url des flèches stp ?

      • Dimanche 23 Avril 2023 à 19:24

        Justement,est ce que tu pourrai juste choisir une image?parce que comme je te l’ai dit,je ne suis pas sure si c’est vraiment l’URL car je ne sais pas comment avoir l’url d’une image sur la tablette du coup j’ai copier le lien de l’image…Et oui,je vais te mettre admin,j’avais oublié.

      • Dimanche 23 Avril 2023 à 19:42

        Ça y est c ok

      • Dimanche 23 Avril 2023 à 19:45

        Oki ! Tu veux quoi comme couleur pour les flèches ?

      • 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

        Okiii. Je vais essayer de trouver des flèches qui vont bien avec tes thèmes ;)

      • Dimanche 23 Avril 2023 à 19:54

        Et merci encore

      • Dimanche 23 Avril 2023 à 20:05

        Tout le plaisir est pour moi ;)

    5
    Dimanche 23 Avril 2023 à 11:36

    Non,  j'ai rien retiré...

      • Dimanche 23 Avril 2023 à 17:30

        Ah ? Je vais retester le code, peut-être que c'est moi qui ai fait une erreur quelque part :\

      • Dimanche 23 Avril 2023 à 17:31

        nan ça doit pas être toi, mais, on doit prendre l'URL de l'image, pas du lien, hein?

      • Dimanche 23 Avril 2023 à 17:35

        Oui, l'url de l'image, c'est ce qu'on trouve dans la barre de recherche. Je viens d'essayer et ça marche... Je ne comprends pas :\

      • Dimanche 23 Avril 2023 à 17:36

        moi non plus... x(

      • Dimanche 23 Avril 2023 à 17:43

        Tu veux que je te mette les flèches sur ton blog ?

      • Dimanche 23 Avril 2023 à 19:56

        si tu veux bien ^^"

      • Dimanche 23 Avril 2023 à 20:04

        Ouii :3 Dis-moi c'est sur quel blog et il faut que tu me mettes admin ;)

      • Dimanche 23 Avril 2023 à 20:07

        j'ai une liste de blog x3 :

        - La guerre du sang

        - Les pirates des 7 mers

        - my history

        XD voila!

      • Dimanche 23 Avril 2023 à 20:09

        Okiii XD As-tu des couleurs que tu veux ? Ou tu me laisses choisir ? attention, j'ai parfois de très mauvais goûts xD

      • Dimanche 23 Avril 2023 à 20:11

        la guerre du sang c'est automne de préférence et My History pas des couleurs trop vives mais sinon va y choisis je suis suuuuuuuuuuuuuuuur que tu as de merveilleux gouts 

        Et si ça te dérange t'embête pas x)

      • Dimanche 23 Avril 2023 à 20:14

        Okiii je te fais tout ça !! ahh merciii x3

        Mais non, ça ne m'embête pas ! Je suis ravie de pouvoir t'aider :3

      • Dimanche 23 Avril 2023 à 20:16

        merci <3

      • Dimanche 23 Avril 2023 à 20:22

        Avec plaisir <3

    6
    Dimanche 7 Mai 2023 à 21:04


    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?

    Suivre le flux RSS des commentaires


    Ajouter un commentaire

    Nom / Pseudo :

    E-mail (facultatif) :

    Site Web (facultatif) :

    Commentaire :