Modifier l'apparence du module Derniers visisteurs

Le module derniers visiteurs permet de voir la tête, enfin l'avatar, des membres d'Eklablog qui sont passés sur notre site.

Pour l'activer : menu Apparence > Nouveau module > Derniers visiteurs

Pour modifier son emplacement : menu Apparence > Gérer les menus

Pour modifier son apparence : clic sur le crayon dans la barre de titre du module.

 Bon alors, la seule chose qu'on peut faire c'est changer le nombre d'avatars qui s'affichent ?  

C'est une peu limité me direz-vous, mais avec la fenêtre d'édition, c'est effectivement tout ce qu'on peut faire. Mais comme on est jamais à court de ressources, on peut encore faire des modifications, en passant par la feuille de style et tripatouiller le code CSS. On peut alors agir sur la taille des avatars, arrondir les angles, l'apparence des images etc.

Personnellement, j'ai réduit la taille des images et j'ai arrondi les angles. Voici le code utilisé :

/* modification du module derniers visiteurs */
.module_menu_type_lastvisitors img {max-width : 60px; border-radius: 30px}​

Vous pouvez choisir une autre taille que 60px et modifier chacun des angles à votre convenance (voir : Arrondir les angles dans Eklablog). Vous pouvez aussi modifier l'opacité quand la souris passe sur l'image. Pour cela j'ai ajouté une ligne de code, je ne suis pas sure que cela soit une façon très propre de le faire, mais ça marche : 

/* modification du module dernier visiteur */
.module_menu_type_lastvisitors img{max-width:60px; border-radius:30px;}
.module_menu_type_lastvisitors img:hover {opacity:0.5;}