• Flèches haut & bas les codes

    Flèches de coté haut et bas 

    Coller le code suivant dans la source HTML d'un module simple de la colonne

     

    Code HTML

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

     

    Coller ensuite le code suivant dans le CSS

    Code CSS

    #fleche { position: fixed; top: 400px; right: 2%; }

    Tutoriel avec les explications

    pour coller le css cliquez ICI

    *

    Pour des images de flèches cliquez ICI 

    ****

    Un tout grand merci à Geny57 pour le partage de ce code

    Pour visiter son blog cliquez sur la bannière suivante 

     

    ****************

     


     

     Pour avoir les flèches cote à cote à gauche de l'écran

     

    exemple

    Flèches haut & bas les codes

    Coller le code suivant dans la source HTML d'un module simple de la colonne

     

    Code HTML

    <div id="fleche"><a href="#header"> <img src="flèche vers le haut" alt="" /></a><a href="#footer"><img src="flèche vers le bas" alt="" /></a></div>

     

    Coller ensuite le code suivant dans le CSS

    Code CSS

    #fleche positionfixedtop:50%;  right96%}

     

    Pour des images de flèches cliquez ICI 

    ****

     

    Un merci fait toujours plaisir . c'est la récompense de mon travail 

    N'oublier pas de dire Merci à Geny 

    *

    « Flèches haut et bas 2flèches haut et bas 3 »

  • Commentaires

    1
    Jeudi 30 Janvier 2014 à 02:16

    C'est bon parfait Mdr les codes sont nikel maintenant ,moi je dois mettre des images grrrr bisous bonne nuit Manola

    2
    Jeudi 30 Janvier 2014 à 14:44

    Ah oui sont jolies tes fleches à droite ! vais voir les autres !!!

    3
    Dimanche 2 Février 2014 à 11:38

    a ne plus rien comprendre , j'ai écrit à eklablog , on verras bien ce qui ce passe 

    Je vais te mettre en permission 3 sur manola scrap regarde toi si tu arrive a écrire un billet avec ton navigateur  , je suis curieuse de voir !!

    4
    Dimanche 2 Février 2014 à 12:30

    je crois ke chez Mike c'est pareil , kan y met # dans url ça met adresse

    faut juste le préciser à part,  pour ceux ki prennent code

    #header

    ou  #footer

     

    5
    Vendredi 7 Février 2014 à 01:11

    C'était un bug d'affichage du côté Eklablog , c'est réparé maintenant !!!

    6
    Samedi 8 Février 2014 à 17:39

    Bonjour et merci pour les flèches, je trouve cela pratique, bon weekend

    Merci

    7
    Vendredi 7 Mars 2014 à 15:15

    Bonjour Manola

    Merci beaucoup pour toutes ces infos et ces flèches...C'est très pratique

    Mon blog s'améliore de jour en jour grâce à toi

    Bisous

    8
    Mercredi 12 Mars 2014 à 21:04

    Bonsoir Manola.

    Parfait le code ! Merci à toi et à Geny57 !

    Facile à installer.

    J'ai fait des png coussinet de chat, pour le moment blanc en rapport avec mon design,

    je te mets les images, tu peux les donner à qui les veut !

    Elles font 58x57

     

    fleche-coussinet-blanc-haut.png

    fleche-coussinet-blanc-haut

    fleche-coussinet-blanc-bas.png

    fleche-coussinet-blanc-bas.png

     

    (si j'en fais d'autres, de couleurs différentes, je te les mettrais aussi)

     

    Bises. Dani

    9
    Mercredi 12 Mars 2014 à 21:34

    merci bien cela est très original et cela va surement plaire a mes visiteurs , merci pour eux .

    10
    Vendredi 28 Mars 2014 à 18:33

    bonsoir manola

    merci c'est tres gentil a toi

    pour tout ce que tu nous offres

    bonne soirée

    bisous amitiés

    jujudi

    11
    Dimanche 30 Mars 2014 à 19:42

    Merci pour ces codes ! ^^

    12
    Mercredi 2 Avril 2014 à 18:48

    Bonjour, j'ai essaye les deux fleches cotes a cotes. Elles marchent mais donnent des carres comme une image qui apparait pas sur mon blog. Avec vous une idee pourquoi? Du coup, je les ai retirees. C'est dommage car j;ai des articles longs et ca aurait aide a descendre mettre les commentaires.

    Merci beaucoup pour les efforts et bravo pour les essais.

     

    PS : je voudrais des fleches a gauche car mon menu est a doite.

    13
    Mercredi 2 Avril 2014 à 21:39

    Le java script est assez compliquer a comprendre par exemple si vous avez sur votre blog beaucoup d'image gif , cela ne fait pas ban ménage .

    La solution est de supprimer tout les gif . 

    14
    Dimanche 20 Avril 2014 à 15:28
    Merci Manola, ça faisait longtemps que je voyais ces flèches sur les Blogs et je ne savais pas comment faire pour les installer. Grâce à ton Blog et tes bons conseils, c'est fait. Merci.
    15
    Vendredi 9 Mai 2014 à 22:54

    merci ma puce pour les codes et les flêches

    gros bisous à toi

    Mumu

    16
    Vendredi 16 Mai 2014 à 11:17

    Merci Manola ! Rendu impeccable.

    Encore merci pour ce partage et bon weekend !

    17
    Dimanche 18 Mai 2014 à 14:57

    Hálás köszönetem ♥ sikerült happy ♥

    18
    Dimanche 15 Juin 2014 à 18:34

    Merci beaucoup pour tous ces codes et pour l'aide, bises.

    19
    Mercredi 20 Août 2014 à 09:22

    Bonjour ,

    je tiens a vous remercier pour votre travail gentiment mis a ma disposition et votre aide pour placer les flèches .

    Bonne journée

    20
    Samedi 25 Octobre 2014 à 15:29

    merci du partage!

    21
    Dimanche 9 Novembre 2014 à 17:24

    bonjour Manola

    merci pour ces codes

    et tout votre travail les filles

    bonne fin de journée

    bises

    22
    Dimanche 30 Novembre 2014 à 12:00

    Bonjour, je viens d'en installer.

    Elles sont super.

    Bon dimanche

    23
    Mercredi 31 Décembre 2014 à 12:40

    Merci beaucoup pour les codes !

    Bonne année :)

    24
    Samedi 31 Janvier 2015 à 10:28

    ces flèches sont géniales

    25
    Mardi 10 Février 2015 à 21:01

     

    Passe une belle soirée,

    Allison

    26
    Mardi 24 Février 2015 à 17:14

    merciiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiiii

    27
    Jeudi 5 Mars 2015 à 20:41

    merci pour l aide que tu nous porte bizzzzzz

    28
    Mercredi 1er Avril 2015 à 18:16

    Merci beaucoup Manola ,j ai tout fais comme tu nous as expliqué mais ma flèche bas ne fonctionne pas ,c est la deuxième fois que j essaie mais rien n y fait ,je suis obligée de m en passer à regret ,tanpis mais merci de ton partage bisous

    29
    Dimanche 19 Avril 2015 à 17:56

    Bonjour Manola

    Merci beaucoup pour les codes! c'est super des flêches
    Bonne fin de Dimanche
    Bisous

    30
    Lundi 25 Mai 2015 à 02:09

    Merci beaucoup pour les codes, j'apprécie. Maintenant vais-je être capable de tout placer...On verra bien. À bientôt et merci pour tout.

    31
    Jeudi 18 Juin 2015 à 21:51

    encore un grand merci pour ton partage bisous

    32
    Mardi 23 Juin 2015 à 21:49

    Merci pour le code !

    33
    Lundi 13 Juillet 2015 à 13:42

    Merci pour les astuces c'est chouette !

    34
    Dimanche 19 Juillet 2015 à 12:29

    bonjour et merci pour les codes et les explications

    un grand bravo pour ce superbe travail

    bon dimanche 

    35
    Mercredi 2 Septembre 2015 à 19:13

    un grand merci pour ce code et ces belles flèches.

    peux tu m'aider s'il te plait ? j'ai mis des liens en ligne sur mon en-tête mais je ne me souviens plus comment et j'aimerai en ajouter d'autres? merci de me contacter.

    bisous de Nathie

    36
    Mercredi 9 Septembre 2015 à 08:24
    37
    Vendredi 25 Septembre 2015 à 16:43

    Merci pour tout

    Bisous

    38
    Vendredi 25 Septembre 2015 à 22:13

    Mille  merci pour toutes ces belles choses!!!

    QUel boulot ! Superbe!

    Question ou est le code pour récupérer les coussinets ?

    Merci bisous ♥

    39
    Mercredi 7 Octobre 2015 à 12:36

    bonjour merci pour le parage 

    40
    Dimanche 11 Octobre 2015 à 19:23

    merci manola!yes

     

    41
    Mercredi 21 Octobre 2015 à 13:04

    Pas moyen de mettre des flèches

    il y a un truc qui m'échappe ,pourtant

    j'ai tout suivi..Merci quand même pour

    ce partage..amitiés.tissia

    42
    Samedi 7 Novembre 2015 à 18:47

    Un grand merci pour tous ces codes , qui me permet d'améliorer ainsi mon blog de poésies et félicitation pour ton blog qui aide ainsi beaucoup de monde . Je ne suis pas très experte pour dire de réaliser encore un blog comme je vois sur Eklablog surtout point de vue design mais bon , je fais comme je le sens car toujours un peu trop peur de faire des bêtises malgré les explications donné surtout par rapport au design , autrement avec les codes ici proposés cela aide beaucoup , faut-il encore bien les comprendre et bien les appliquer smile

    43
    Jeudi 10 Mars 2016 à 17:38

    merci beaucoup pour ce blog intéressante et utile. merci pour ces belles flèches (seul inconvénient: l'embarras  du choix ;) ) . Et merci pour ces explications simples et efficaces.

    44
    Mercredi 16 Mars 2016 à 13:12

    bonjour, vraiment génial ton blog, encore merci pour toutes ces informations. J'aurais besoin d'un complément d'information: sur mon blog:  
    http://le-museau-du-rat-fruitier.kazeo.com/
    je me suie amusée à mettre un chat et une souris. Mais je voudrais monter en cliquant sur le chat et descendre en cliquant sur la souris, en les laissant dans la même position. Comment dois-je modifier le code? Merci d'avance.

    Suivre le flux RSS des commentaires


    Ajouter un commentaire

    Nom / Pseudo :

    E-mail (facultatif) :

    Site Web (facultatif) :

    Commentaire :