-
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;}
Tags : astuce, Eklablog, CSS, HTML, code
-
Commentaires
14GinetteDDimanche 28 Août 2016 à 18:42Merci. ce matin j'ai fait disparaître mes avatars et je ne me souvenais plus comment les remettre. Bien expliqué , bravo.
Merci pour ces articles qui font que j'y vois un peu plus clair et mon blog aussi! A bientôt
Bonjour !
Merci beaucoup pour ces astuces qui me permettent, petit à petit, de transformer mon blog !
Bonne fin de vacances.
A bientôt.
Ca y est c'est fait d'arrondir mes visiteurs. Pour moi le CCS c'est du chinois mais tu me le rends accessible !!! Merci
Oh bah ça ne fait pas très sérieux : Delfynus est venue il y a 1 jour !!! Bon bah me revoilà!
Pour entrer dans la feuille de style, il faut lire les articles précédents : http://www.pepins-et-citrons.fr/modifier-la-feuille-de-style-css-a106746750
et comment tu fais pour entrer dans la feuille de style? Je ne sais pas où taper ton code magique ... Cela fait très joli ainsi !
Ajouter un commentaire
Merci pour l'astuce je l'ai appliqué chez moi c'est plus joli que des carré