-
Modifier les avatars
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)
}
Tags : transform, rotate, menu, module, avatars, changer
-
Commentaires
Merci pour toutes ces astuces bien utiles.
De rien ! C'est justement fait pour servir au plus grand nombre !
Bonnes vacances ! A bientôt !