• Derniers visiteurs: avatars ronds qui tournent lentement

    Derniers visiteurs : avatars ronds qui tournent lentement  dans un sens puis dans l'autre pour le retour.

    Exemple :   ICI sur cette page  A part qu'avec ce code les avatars sont ronds et tournent lentement  passer la souris de droite à gauche pour voir l'effet

    Info : Ne fonctionne pas avec internet explorer.

     

    Code CSS

    .module_menu_type_lastvisitors img {
       max-height:60px;
       max-width:60px;
       }

     ​.module_menu_type_lastvisitors img:hover{
         opacity: 1;
         }
        .module_menu_type_lastvisitors img {  -webkit-border-radius: 200px;
         border-radius: 200px;
         -webkit-transition: 0.4s linear;
         transition: 0.4s linear;
       }
       .module_menu_type_lastvisitors img:hover { 
           opacity: 1;
           -webkit-transition: 500ms;
           -webkit-transform: rotate(360deg);
           }​

     Vous pouvez modifier la taille des avatars si vous n'aimez pas les ronds (ce qui est en rouge dans le code) 

    *

    Coller le code à l'emplacement css 

    *

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

    « Pour faire tourner d'un tour complet les avatars dans un sens puis dans l'autreLa shoutbox en haut ou en bas de page »

  • Commentaires

    1
    Vendredi 28 Juin 2013 à 10:58

    merci beaucoup!

    je vais essayer d'autres choses!

    2
    Vendredi 28 Juin 2013 à 21:35

    bonsoir manola

    que du bonheur merci pour ce superbe partage

    passe une bonne soirée

    bisous amitié

    juju

    3
    Ysatis53 Profil de Ysatis53
    Vendredi 5 Juillet 2013 à 15:09

    bonjour Manola que du bonheur je peux grace a ton aide modifier mon blog à volonté bisous

    4
    créations-rosalia
    Jeudi 11 Juillet 2013 à 10:56

    Merci de ton temps que tu nous offres pour faire de jolis blog, bisous

    5
    Amu-love Profil de Amu-love
    Mardi 23 Juillet 2013 à 16:44

    Coucou,merci beaucoup pour ton partage sinon je le prend avec plaisir

    6
    Jeudi 25 Juillet 2013 à 07:13

    ¡ ¡Muchas gracias!! ¡ Tu blog es genial! ¡! Buena continuación.

    7
    Jeudi 5 Septembre 2013 à 16:49

    Merki ^^(ça va me servir)

    8
    Mardi 1er Octobre 2013 à 19:00
    9
    Mercredi 2 Octobre 2013 à 13:46

    Merci, tes codes ne sont jamais faux, je te remerci encore

    10
    Vendredi 11 Octobre 2013 à 13:40

    Bonjour manola je vous remercie beaucoup pour tous ses codes j'en ai déjà pris quelque uns et il fonctionne a merveille qu'elle temps que cela a du vous prend pour faire tous sa je viens de faire un blog et je suis déjà venue sans mettre de commentaire je m'en excuse car je fesait la mise en page de mon blog maintenant que cela est fait je suis revenue vous mettre ses qu'elle lignes .Bonne journée a vous.

    11
    Samedi 26 Octobre 2013 à 21:39

     

    Bonsoir, j'ai mis mes derniers visiteurs sous l'en-tête finalement, je n'arrivais pas à les mettre juste à côté de l'image de l'entête, même si tu m'avais fait un code spécial, ce que j'ai beaucoup apprécié.

    Ça fait maintenant une journée que je change le tout et que je n'arrive pas à avoir plus de 6 visiteurs sous mon en-tête, je ne comprends pas pourquoi, puisque ça ne m'est jamais arrivé sur mes autres blogs, j'ai toujours eu 10 visiteurs en ligne.

    Il y a eu plus de 10 visiteurs, je le vois et je les ai vu, le dernier avatar s'efface et il n'y en a toujours que 6.

    Encore une fois, est-ce que tu pourrais me dire pourquoi ?  Quel est ce problème ???

    Je voudrais bien avoir mes dix avatars des derniers visiteurs, j'ai tout recommencé plusieurs fois, rien à faire, j'ai encore besoin de ton aide.  Là je  demande puisque j'ai tout refait plusieurs fois.

    Je n'ai habituellement pas de difficultés avec tes codes qui fonctionnent tous bien, mais là je ne sais pas ce que j'ai pu faire, je veux vois mes visiteurs !!!  

    Merci

    Allison

    12
    Dimanche 27 Octobre 2013 à 00:10

    Voila c'est arranger cela n'avais rien à voir avec le code , il fallait simplement afficher la barre invisible et de remettre les paramètres sur 10 au lieu de six 

    bonne nuit

    13
    Dimanche 27 Octobre 2013 à 00:17

    Merci, je vais mieux dormir !

    Bonne nuit  à toi.

    14
    Vendredi 15 Novembre 2013 à 10:23

    Bonjour Manola .

    C'est un tres joli travail que t as fait la et je te remercie .

    J'espère que  tu vas bien ce matin .

    Chez nous il neige et c'est déja tout blanc de partout  .

    Passes une bonne journée .

     

    15
    Vendredi 10 Janvier 2014 à 18:30

    Ce blog est tout juste génial ! Bravo et bonne continuation pour la suite !

    Et un grand merci pour tes ces codes CSS !

    16
    Lundi 27 Janvier 2014 à 14:35

    MERCI BEAUCOUP

    17
    Lundi 17 Mars 2014 à 03:18

    Un immense merci et en remerciement

    une brassée de mimosa
    j'aurai voulu pouvoir t'offrir du vrai

    Vraiment c'est génial ce que tu fais

    je me demande ce que la planète Ekla ferait sans toi

    en tous les cas nos pages seraient bien tristes

    bisous Tu es un Chou

    18
    Lundi 31 Mars 2014 à 13:55

    Cet avec un regard joyeux
    Un sourire dans les yeux
    Te tendre une main
    Pour t'emmener dans mon jardin
    Ou fleurie une vrai beauté
    La rose de l'amitié

    __/)_______/)______./¯"""/')
    ¯¯¯¯¯\)¯¯¯¯¯\)¯¯¯¯¯'\_,,,,\)

    Fleur qu'on arrose tous les jours
    D'une pluie de tendresse
    Je viens te souhaiter
    Une très bonne après-midi
    Gros bisous


     


     


     



    merci

    19
    Lundi 31 Mars 2014 à 19:09

    Blondinette 1959: Joli poème !

    20
    Lundi 7 Avril 2014 à 12:55

    J'ai laissé mon coeur ♥ me conduire
    Jusqu'à toi et voir ton joli monde ...
    Pour te souhaiter de passer
    Une très belle et bonne journée...
    Parsemée de tendresse et de joie..
    Un bateau remplit de douceurs..
    Avec toute mon amitié
    ♣*♥ *Gros Bisous

    21
    Vendredi 16 Mai 2014 à 15:24

    Merci beaucoup pour ton aide,ton blog est super :)

    bises

    22
    Dimanche 17 Août 2014 à 21:59

    Merci pour ce code 

    23
    Vendredi 24 Octobre 2014 à 19:47

    Encore merci, c'est la récompense de ton travail !

    24
    Dimanche 26 Octobre 2014 à 08:41

    Merci! rendu très sympa!

    25
    Dimanche 2 Novembre 2014 à 00:09

    Bonsoir

    Merci pour tout bonne continuation

    26
    Dimanche 2 Novembre 2014 à 16:28

    Coucou , merci , mais et-ce possible de les avoirs en rond les avatars qui tourne? ils sont carrées pour moi les avatars lol et non rond comme indique le titre xDD

    Je crois avoir trouvé avec ce tuto: http://codes-test.ek.la/arrondir-les-avatars-des-derniers-visiteurs-a91625793

    je ne savais pas qu'on pouvais combiné pleins d'avatars ^^

    par contre je fais comment pour le contour il est marron pas top ? :/

    27
    Mercredi 3 Décembre 2014 à 18:36

    super

    un grand merci

    28
    Samedi 10 Janvier 2015 à 12:35

    Comment on fait pour que les avatars tournent lentement mais ne soient pas ronds ?

    29
    Dimanche 15 Mars 2015 à 18:05

    Merci ton blog est génial !!!happy

    30
    Mardi 24 Mars 2015 à 14:56

    Merci beaucoup pour tous ces codes, moi qui n'ai jamais osé utiliser du CSS pour mon blog je suis servie ;) Y a-t-il un moyen d'écarter les avatars des derniers visiteurs les uns des autres, par contre ? Les miens sont collés et ce n'est pas très beau... Merci d'avance ! 

    31
    Mardi 24 Mars 2015 à 17:36

    Oui Voici le code , vous pouvez changer les marges mais pas plus que 5 px

    .module_menu_type_lastvisitors img { margin: 3px; }

    32
    Mardi 24 Mars 2015 à 22:04

    Merci beaucoup ;)

    33
    Dimanche 14 Juin 2015 à 14:36

    mes magnola bis

    34
    Jeudi 16 Juillet 2015 à 11:56

    Merci beaucoup pour ces codes, c'est vraiment pratique pour faire tout de même un thème sympa lorsque l'on est pas très doué comme moi. Merci encore, bonne continuation.

    35
    Jeudi 13 Août 2015 à 16:02

    Merci de mettre des codes tout prêt parce que j'ai beau essayer de comprendre ce langage horrible, j'y arrive pas!! 

    36
    Vendredi 2 Octobre 2015 à 22:21

    bonsoir 

    c'est sympa  merci pour toutes ses aides 

    bonne soirée

    Jade

    37
    Samedi 17 Octobre 2015 à 16:57

    Bonjour Manola,

    Merci pour toutes ces bonne idées et les codes qui les accompagnent.

    Voilà de quoi agrémenter nos designs.

    Bon week-end !

    Sérénita

     

    38
    Samedi 31 Octobre 2015 à 06:20

    Coucou 

    Je l'ai placé super !!

    Merci beaucoup 

    Bon week-end à toi

    Bisous 

    39
    Samedi 31 Octobre 2015 à 17:11

    Je l'ai fait aussi, c'est super ! Merci !

    Bonne soirée.

    Amitiés,

    Sérénita

    40
    Jeudi 4 Février 2016 à 21:53

    Bonsoir, Manola ! J'ai ouvert récemment mon blog et je suis passée par chez vous pour voir les codes css (me suis pris celui pour arrondir et tourner les avatars, génial) ! Par contre, pour ce qui est des curseurs personnalisés, çà marche pas, même sur les sites spéciaux ! Dommage ! Je m'y prend peut-être mal ! Bonne soirée ! Lucie

    P.S : Merci pour tout vos conseils bien pratiques !

    Suivre le flux RSS des commentaires


    Ajouter un commentaire

    Nom / Pseudo :

    E-mail (facultatif) :

    Site Web (facultatif) :

    Commentaire :