• Flèche haut et bas de la page

    Je vous avais montré précédemment comment arriver en haut ou en bas de la page grâce au générateur de boutons de navigation. Aujourd'hui je vous montre comment obtenir le même résultat avec vos propres flèches haut et bas comme je l'ai fait pour le thème v.6 du blog. Il s'agit d'un code HTLM qui est complété avec un code CSS pour le positionnement des flèches sur la page.

     

    CODE HTLM:

    <div id="fleche"><a href="#header"> <img src="URL DE LA FLECHE HAUT" alt="" /> </a> <a href="#footer"> <img src="URL DE LA FLECHE BAS" alt="" /></a></div>

     

    CODE CSS:

    #fleche {position: fixed;
    top: X%;
    left: X%;} 

    Il suffit de coller le code HTLM dans un module toujours apparent dans l'onglet code source lorsque que vous éditez le module.  Ajouter ensuite l'URL de vos différentes flèches. Pour le code CSS aller dans Apparence/ Modifier le thème/ Ajouter du CSS et copier le code CSS. Modifier les valeurs de X et le tour et jouer! Si vous avez des questions, n'hésitez pas à me laisser un commentaire.

     

    Un remerciement fait toujours plaisir :)


    Tags Tags : , , , , , , , , , ,
  • Commentaires

    1
    Dimanche 12 Juillet 2015 à 21:17

    Merci, ça marche à merveille ! :)

    2
    Dimanche 12 Juillet 2015 à 22:16

    Super! :)

    3
    Samedi 19 Décembre 2015 à 18:35

    ça marche super bien merci beaucoup ^^

      • Dimanche 20 Décembre 2015 à 12:50

        De rien :)

    4
    Samedi 3 Septembre 2016 à 11:02

    Bonjour et merci beaucoup, ça marche super bien  yes 

      • Mardi 6 Septembre 2016 à 19:56

        De rien! Je suis contente que le tutoriel ait pu t'aider :)

    5
    Mardi 23 Octobre 2018 à 11:47

    Merci pour le code mais j'ai un souci. Tout fonctionne très bien mais quand je mets une flèche en dessous de l'autre la flèche du bas n'apparait pas.Je n'ai pas envie de les mettre l'une à coté de l'autre. Quelqu'un pourrait m'aider s'il vous plait?

    Ella

    Suivre le flux RSS des commentaires


    Ajouter un commentaire

    Nom / Pseudo :

    E-mail (facultatif) :

    Site Web (facultatif) :

    Commentaire :