Images et liens dansants sur Blogger

By
Advertisement

Des images et des liens dansants, ça vous tente ?


images et liens dansants




Ceux qui sont allés jeter un coup d'oeil à la demo du modèle Visiting card ont dû remarquer que lorsque le curseur de la souris passe sur le nom et l'image d'un reseau social, celui-ci exécute une petite danse.

La version wordpress de ce modèle utilise un script jquery que je n'ai pas réussi à faire marcher sur blogger (il faut croire que je suis nul). Heureusement pour moi, j'étais tombé sur une ligne très simple à ajouter sur le code css des liens que l'on veut faire danser qui fonctionne à merveille sur blogspot.

#imagesdansantes li a img {
    float: left;
    margin: 0 10px 0 15px;
    -webkit-transition: margin-left 0.25s linear;

}


La ligne en noir gras est celle qui permet de produire le joli effet dansant que l'on voit sur Visiting Card. Les codes de l'image doit bien-sûr être inclus dans un div portant l'identifiant css avec le -webkit-transition.

 <div id='imagesdansantes'>
                  <ul>
          <li><a href=''><img src='url de l'image'/> lien.com</a></li>
   </ul>
</div>


Pour avoir simplement les liens dansants, il suffit d'enlever le img du code css ci-haut ainsi que la balise <img scr="url image"/> du code ci-dessus.


Comme vous avez pu le constater, elle est très simple la technique pour avoir des images et des liens dansants sur Blogger.

@+


8 commentaires:

  1. Dansant ? C'est pas un Moonwalk non plus ^^

    RépondreSupprimer
  2. @ Link : toi, avec ton Moonwalk....

    RépondreSupprimer
  3. Bouhhhhh pas moyen de faire danser mes images !
    Y'a un truc qui je dois manquer là !!!
    Je ne vois pas comment mettre ce code correctement

    (enfin est-ce que ça marche avec des images qui sont hors des articles ???)

    RépondreSupprimer
  4. Bon bon je me suis cassée les dents sur ce truc encore une bonne partie de la nuit !
    Et pas moyen !
    Mes images ne font pas de Moonwalk !

    Enfin en même temps je suis blonde : peut-être que ceci explique cela !

    RépondreSupprimer
  5. bonsoir,
    même si cet article et vieux pourriez-vous me dires à quelle endroit du code CSS doit-ont ajouter ses lignes de codes, s.v.p.
    amitié...

    RépondreSupprimer
  6. lache moi avec les anniverssare je suis tanné de boire.

    RépondreSupprimer
  7. Merci mais jirrrive pas

    RépondreSupprimer

Salut Cher Lecteur.

Bien que les commentaires ne sont pas modérés en amont, ne perdez pas votre temps à mettre des commentaires sans aucun lien avec l'article. Ils seront effacés.

Ne venez surtout pas mettre des commentaires bidons pour promouvoir les sciences occultes ici (voyance, magie, etc.), vérifiez le blog, aucun commentaire de ce genre n'a résisté à la gomme de l'administrateur.

Bon, ceci étant dit, puissiez-vous respecter les lois de votre pays, les lois universelles ainsi que le bon sens en postant votre commentaire sur ce blog.

Remarque : Seul un membre de ce blog est autorisé à enregistrer un commentaire.

@ Blogger au bout du doigt. Fourni par Blogger.

SEO & REFERENCEMENT