Le blog d'une enseignante qui souhaite partager son début d'expérience et ses passions.
En naviguant sur différents blogs, j'ai remarqué que les avatars des derniers visiteurs apparaissaient parfois sous des formes variées : avatars carrés, arrondis, brillants, ternes, mobiles, immenses, minuscules...
C'est ce qui m'a incitée à modifier les miens de manière à ce qu'ils soient plus discrets . Je les ai ainsi fait rapetisser, avant de les arrondir.
Voici mes codes, prêts à être utilisés, si vous êtes intéressé(e). Il vous suffit pour cela d'aller dans "Apparence", "Modifier le thème", puis "Ajouter du CSS".
1 - Pour rendre les avatars plus petits
.module_menu_type_lastvisitors img {border-radius:30px 30px 30px 30px;}
.module_menu_type_lastvisitors img {max-width : 65px;}
2 - Pour les arrondir, les faire tourner, et jouer avec l'opacité
.module_menu_type_lastvisitors {-webkit-transform: rotate(5);
-moz-transform: rotate(5);
-o-transform: rotate(5);
transform: rotate(5);}
.module_menu_type_lastvisitors
img {opacity: 1;}
.module_menu_type_lastvisitors img:hover {
opacity: 1;
-webkit-transition: 800ms;
-moz-transform:rotate(360deg);
-webkit-transform:rotate(360deg);
transform:rotate(360deg)
}