• 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.

     

     

    Apparence des Avatars dans le module "Derniers Visiteurs"

     

     

    « Créez des menus déroulants dans l'entête de votre blogGifs "Fête des Mères" »

    Tags Tags : ,
  • Commentaires

    1
    Mardi 18 Août 2015 à 17:17

    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 !

    2
    Jeudi 4 Février 2016 à 11:42

    C'est super !

    Am

    3
    Mardi 17 Avril 2018 à 23:28

    Le cherchais comment mettre une bordure aux avatars j'ai trouvé ici un grand merci

    Bonne soirée

    Fleurdelys

    • Nom / Pseudo :

      E-mail (facultatif) :

      Site Web (facultatif) :

      Commentaire :


    Suivre le flux RSS des commentaires


    Ajouter un commentaire

    Nom / Pseudo :

    E-mail (facultatif) :

    Site Web (facultatif) :

    Commentaire :