-
Apparence des Avatars dans le module "Derniers Visiteurs"
Le module " Derniers Visiteurs" affiche les avatars des dernières personnes qui sont venus sur votre blog.
Vous pouvez choisir le nombre d'avatars affichés en cliquant sur le " petit crayon" (Éditer) et en sélectionnant le chiffre désiré.
Il y a d'autres possibilités de modifier l'apparence des avatars en agissant sur le CSS
Pour apporter une modification au CSS > Apparence > Modifier le thème > Ajouter du CSS
► Pour réduire la taille des avatars
.module_menu_type_lastvisitors img { max-width: 40 px; }
Le chiffre 40 est un exemple , vous pouvez mettre plus ou moins
► Pour mettre une bordure aux avatars
.module_menu_type_lastvisitors img { border: 1px solid #ffffff; }
~ 1 px étant l'épaisseur de la bordure (peut être augmenté)
~ solid : bordure continue. Cela peut être remplacé par
dotted (pointillé), dashed (tirets), groove (rainurée), ridge (relief), inset (relief intérieur), outset (relief extérieur)
~ #ffffff : code couleur (ici blanc) de votre choix)
► L'avatar devient plus grand au passage de la souris
.module_menu_type_lastvisitors a:hover img { max-height:50px; max-width:50px; }
~ Le chiffre 50px peut être changé mais doit toutefois êtres supérieur au chiffre choisi pour l'affichage de l'avatar
► Espace entre 1ère et 2ème rangée d'avatars
Si vous avez choisi d'afficher au moins 6 avatars et selon la grandeur choisie, les avatars se placent sur deux rangées. Vous remarquez que la deuxième rangée vient se coller à la première (pas d'espace entre elles.
Voici le code afin de créer un espace esthétique entre les deux rangées d'avatar
.module_menu_type_lastvisitors img { margin-bottom:5px;}
"Le chiffre de"5px" peut être changé selon votre choix.
Tags : Eklablog, CSS
-
Commentaires
Le cherchais comment mettre une bordure aux avatars j'ai trouvé ici un grand merci
Bonne soirée
Fleurdelys
Ajouter un commentaire
Oh mon dieu merci ! Je cherchais de quoi faire un espace entre les images et j'ai enfin trouvé, ce qui m'a permit d'ailleurs de découvrir ton blog, merci beaucoup encore une fois !