-
Par Christall le 14 Décembre 2015 à 09:32
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)
}
4 commentaires
Suivre le flux RSS des articles de cette rubrique
Suivre le flux RSS des commentaires de cette rubrique