• TUTO- Liens vers haut et bas de page

    Salut tous le monde !

    Aujourd'hui je vais vous expliquez comment mettre des flèche sur votre blog qui vous enverrons tout en haut ou tout en bas plus rapidement !

     


     

    Pour faire cela utiliser deux images de flèches:

     

    Créez un nouveau module, cliquez sur l'outil "Code Source"et coller se code :

    <img id="id1" src="URL FLECHE BAS"/>

    <img id="id1" src="URL FLECHE HAUT"/> 

     

    Remplacez ensuite "URL FLECHE BAS" et "URL FLECHE HAUT" par les url de vos flèches et collez ce code dans Apparence/Modifier thème/Ajouter CSS

    Et coller ce code:

    #id1{
        positionfixed;
        right5px;
        bottom185px;
    }

    #id2{
        positionfixed;
        right5px;
        bottom315px;
    }

     

    Ensuite, revenez dans le module, ajouter un lien sur la 

    flèche du haut :

    #top

    /!\Juste #top pas le lien de l'image +  #top /!\

    Et pour la seconds image ajouter ce liens:

    #footer

    /!\Juste #footer pas le lien de l'image +  #footer/!\

    Maintenant cela devrait marcher !

     

    Si vous avez mal compris n'hésitait pas à poster des questions. ^^

     

    « Tuto- mettre de la musique sur son blog-Tuto- changer le curseur »

  • Commentaires

    1
    Lundi 9 Juin 2014 à 16:17

    J'ai réussi tous ce que tu as dit (pour les flèches) mais quand je clique dessus pour aller soit en haut, soit en bas ça m'affiche la photo de la flèche !?

    2
    Lundi 9 Juin 2014 à 16:24

    Efface l'autre code et tape ce code dans l'outil Code source du module :

    <p style="text-align: center;"><a href="#top"><img id="id1" src="http://ekladata.com/xdfjdwiWJPIa1403G3TZDG7EfUQ@116x116.png" width="116" height="116" alt=""/></a></p>

    <p style="text-align: center;"><a href="#footer"><img id="id2" src="http://ekladata.com/Tp85am6GwZla_BiZ3Z702gqDU0E@122x122.png" width="122" height="122" alt=""/></a></p>

     

    EDIT: j'ai éditer le code j'avaias fait une bétise, si tu as essayer réessaye.

    PS: tu sais la désactivation du clic est inutile car il y a beaucoup de moyens de la contourner.

    3
    Lundi 9 Juin 2014 à 17:17

    Merci beaucoup ! ça marche maintenant :)

    4
    Lundi 9 Juin 2014 à 18:32

    moi j'ai déjà une image sur le coin mais je n'arrive pas à mettre les deux et tout ,et les flèche ne veulent pas partire en haut!je te met en permission!

    5
    Lundi 9 Juin 2014 à 18:39

    C'est bon .

    6
    Lundi 9 Juin 2014 à 18:40

    merci tu est le meilleur!kiss

    7
    Lundi 9 Juin 2014 à 18:42

    De rien cool.

    8
    Mercredi 11 Juin 2014 à 15:53

    Oui bonjour je voulais te poser une question tu peut faire des tutos pour les blogs skyrock,juste pour savoir^^

    9
    Mercredi 11 Juin 2014 à 15:54

    comment on fait pour parle dans le shoutbox?

    10
    Mercredi 11 Juin 2014 à 16:07

    Saeko j'ai ajouter le shoutbox.

    Et chouchou, désoler mais je n'ai pas de skyrock donc je ne peux pas faire du tuto pour les blogs de skyrock. 

    PS: je ne te conseille pas skyrock, y'a des pub, les thèmes ne sont pas entièrement personnalisable ... Eklablog reste le meilleur happy.

    11
    Mercredi 11 Juin 2014 à 16:27

    NN,je suis désoler mais je trouve que sur les blogs skyrock c'est mieux car il y a plus de chose que eklablog et les pub c'est toi qui peut choisir de les enlever,alors:x

    12
    Mercredi 11 Juin 2014 à 16:34

    Tu ne peux pas me faire changer d'avis, j'ai déjà essayer Skyrock, Overblog, Wordpress et j'en passe !

    Il ont tous des défauts, tous comme Eklablog, mais il reste le meilleur.

    Il permet de stocker des fichier avec un espace illimité, modifier entièrement le blog, et est très optimisé pour le CSS, et javascript.

    Croit moi en tant que webmaster(je créer des sites sans plateforme, entièrement en codant), il a beaucoup plus de qualités que les autres. ^^

    Tu doit juste pas savoir beaucoup l'utiliser...

    13
    Dimanche 15 Juin 2014 à 19:41

    Merci beaucoup de vos connaissances!

    14
    Dimanche 15 Juin 2014 à 19:56

    de rien ^^.

    15
    Dimanche 15 Juin 2014 à 20:52

    Merci de votre passage!

    16
    Dimanche 15 Juin 2014 à 23:16

    D'ailleurs au passage, j'aime beaucoup le design de votre blog

    17
    Lundi 16 Juin 2014 à 19:12

    Coucou,

    Désolée encore un problème j'ai changer la forme des flèches et sa ne veut pas se mettre sur le côté comme avant

    Il faut faire quoi ?

    18
    Lundi 16 Juin 2014 à 19:28

    Salut,

    réactive le clic droit 2sec  s'il te plait pour que je puisse voir l'état des flèches .

     

    19
    Lundi 16 Juin 2014 à 20:28

    C'est fait

    20
    Lundi 16 Juin 2014 à 20:41

    C'est normal, tu n'as pas rajouter l'id,

    Colle ce code dans "Code Source":

    <a href="#top"><img  id="id2" src="http://ekladata.com/62RZ_BfglVbow0i6HiFPX_W0n-c@183x183.png" alt="Les astéroïdes" width="50" height="50"></a>

    <a href="#footer"><img id="id1" src="http://ekladata.com/NFDu84rwf-2O5ukyNL2vehWM7Cg@187x187.png" alt="Les astéroïdes" width="50" height="50"></a>

     

     

    21
    Lundi 16 Juin 2014 à 21:44

    Merci ;D

     

    22
    Lundi 16 Juin 2014 à 21:46

    De rien,

    si cela t'interesse, c'est parceque t'avais pas mis l'id ^^.

     

    23
    Mardi 17 Juin 2014 à 17:57

    A ok mais ça serre à quoi l'id exactement ?

    24
    Mardi 17 Juin 2014 à 18:40

    ben le code CSS dit: quand un élément à pour l'id indiqué, alors sa position est au milieu à droite. ;)

    25
    Mardi 17 Juin 2014 à 19:50
    26
    Mardi 17 Juin 2014 à 19:51

    Lol, je crois que t'a pas tous compris, mais bon, l'essentiel c'est que ça marche :D !

    27
    Mardi 17 Juin 2014 à 20:39

    Oui voilà

    Suivre le flux RSS des commentaires


    Ajouter un commentaire

    Nom / Pseudo :

    E-mail (facultatif) :

    Site Web (facultatif) :

    Commentaire :