• Résolu comment faire tomber des éléments sur la page du blog ?


    Jeudi 23 Mars 2017 à 12:49
    D.R.E.B. à BOUDOU

    Bonjour,

    Alors je me suis lancée mais ca marche pas !! Je découvre toutes ces astuces que je voudrais bien maitriser !!

    Je voudrais mettre un ou des poissons qui tombent pour le premier avril !!

    Voilà le script que j'ai mis dans un module simple au niveau du code HTLM

    <marquee style="left: 20px; width: 220px; position: absolute; top: 00px; height: 220px" scrollamount="7" direction="down"><span>
    <img src="http://ekladata.com/KP-AtGdSLKuORpPYqWON8mvHTG0.js" /></span></marquee>

    <marquee style="left: 80px; width: 220px; position: absolute; top: 0px; height: 220px" scrollamount="5" direction="down"><span>
    <img src="http://ekladata.com/KP-AtGdSLKuORpPYqWON8mvHTG0.js" /></span></marquee>

    <marquee style="left: 40px; width: 220px; position: absolute; top: 20px; height: 220px" scrollamount="5" direction="down"><span>
    <img src="http://ekladata.com/KP-AtGdSLKuORpPYqWON8mvHTG0.js" /></span></marquee>

    <marquee style="left: 120px; width: 220px; position: absolute; top: 25px; height: 220px;" scrollamount="4" direction="down"><span>
    <img src="http://ekladata.com/KP-AtGdSLKuORpPYqWON8mvHTG0.js" /></span></marquee>

    <marquee style="left: 105px; width: 220px; position: absolute; top: 15px; height: 220px;" scrollamount="7" direction="down"><span>
    <img src="http://ekladata.com/KP-AtGdSLKuORpPYqWON8mvHTG0.js" /></span></marquee>

    <marquee style="left: 170px; width: 220px; position: absolute; top:50px; height: 220px" scrollamount="5" direction="down">
    <span><img src="http://ekladata.com/KP-AtGdSLKuORpPYqWON8mvHTG0.js" /></span></marquee>

    <marquee style="left: 200px; width: 220px; position: absolute; top: 60px; height: 220px;" direction="down"><span>
    <img src="http://ekladata.com/KP-AtGdSLKuORpPYqWON8mvHTG0.js" /></span></marquee>

     

    Merci de bien vouloir m'aider

    Marie Claude

    Vendredi 24 Mars 2017 à 06:28
    A la not ’

    Bonjour,

    Je n'y connais pas grand-chose en informatique, mais, pour les images que vous voulez voir descendre, je vois ceci :

    <img src="http://ekladata.com/KP-AtGdSLKuORpPYqWON8mvHTG0.js" />

    L'extension .js est un fichier texte associé au langage de programmation JavaScript non ?

    Pour une image, j'ai plus l'habitude de voir .jpg - .gif - .png sarcastic

     

    Vendredi 24 Mars 2017 à 07:56
    D.R.E.B. à BOUDOU

    Bonjour,

    Merci pour votre réponse et intérêt à mon problème.

    Oui le poisson c'est bien ce lien (je l'ai trouvé sur bluelezard (http://bleulezard.eklablog.com/images-qui-tombent-sur-la-page-a74468451).

    Mais y a quelque chose qui coince parce que cela ne marche pas.

    Est ce que les espaces peuvent compromettre le bon fonctionnement (2 au lieu d'1 à la suite !!)

    Bonne journée

    Marie Claude

    Vendredi 24 Mars 2017 à 09:20
    midori-nor

    Bonjour je vais répéter un peu ce que dit à la note ( coucou) . Ton code ne peut pas fonctionner car au lieu de l'adresse d'une image tu as collé l'adresse d'un fichier texte ( se terminant par .js) qui comporte le code javascript de l'animation. Il te faut remplacer l'adresse URL indiquée par A la note par l'adresse URL de ton image qui doit se terminer par .jpeg, .png ou .gif . 

    Vendredi 24 Mars 2017 à 09:38
    Colette95

    Bonjour les filles,

    L'url de l'image du poisson est celle-ci :

    http://ekladata.com/xgb4hjUduofzLOOajzEiDmzK_Ps.gif

    Dans ton code, il faut donc que tu remplaces celle que tu as mise (qui est l'url d'un code javascript) par celle-ci.

    Ce qui donnera pour ta première ligne de code :

    <marquee style="left: 20px; width: 220px; position: absolute; top: 0px; height: 220px;" scrollamount="7" direction="down">
    <img src="http://ekladata.com/xgb4hjUduofzLOOajzEiDmzK_Ps.gif" /></marquee>

    J'ail supprimé les <span> et </span> qui ne servent à rien et si tu ne veux pas que tes poissons descendent uniquement sur ta colonne de gauche, il faut dans ce cas-là supprimer également : width: 220px; et modifier le left qui est le positionnement à partir de la gauche selon tes souhaits.

    Bonne journée ! glasses

     

     

    Vendredi 24 Mars 2017 à 10:11
    D.R.E.B. à BOUDOU

     A Colette, Midori et A la note  et tout le monde

    Bonjour

    Merci pour ta réponse et de ton intérêt à mes soucis : Je suis très autodictate mais j'ai besoin d'aide souvent pour comprendre !!

    Vite fait, j'ai remplacé le lien et cela marche . Effectivement ils ne sont que sur la gauche. Cet aprem je regarderai l'histoire des span.

    Merci encore et bonne journée

    Marie Claude

    A 15;32 j'ai trouvé un autre script qui me convient mieux et cela m'évite de faire des erreurs car je ne maîtrise pas assez.

    Le lien de mon site  sur lequel j'ai mis un petit mémo car d'ici Pâques je vais plus m'en souvenir !! si cela intéresse quelqu'un : http://dreb.eklablog.com/script-objet-qui-tombe-p1261510




    Ce sujet est verrouillé. Vous ne pouvez donc pas poster de nouvelles réponses.