Eklablog
Editer la page Suivre ce blog Administration + Créer mon blog

Le blog d'une enseignante qui souhaite partager son début d'expérience et ses passions.

Modifier les avatars

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 yes. 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-transformrotate(5);
-moz-transformrotate(5);
-o-transformrotate(5);
transformrotate(5);}

.module_menu_type_lastvisitors
img {opacity1;}

.module_menu_type_lastvisitors img:hover {
opacity1;
-webkit-transition800ms;
-moz-transform:rotate(360deg);
-webkit-transform:rotate(360deg);
transform:rotate(360deg)
}

Retour à l'accueil
Partager cette page
Repost0
Pour être informé des derniers articles, inscrivez vous :