•  

     

    Voici comment mettre des marges entres les images des dernier visiteurs . 

     

    exemple

    Mettre des marge au derniers visiteurs

    Vous pouvez changer dans le code l'espace entre les avatars, mais pas plus que 5px 

    ce qui est en vert dans le code

    Code CSS

    .module_menu_type_lastvisitors img { margin: 3px; }

    Coller le code à l'emplacement css 

    *

     


    27 commentaires
  • Réduit l'avatar des derniers visiteurs quand tu passes la souris dessus 

    Exemple  ICI Sur ce blog

    réduit l'avatar des derniers visiteurs quand on passe la souris dessus

     

    Code CSS

    .module_menu_type_lastvisitors img {
          max-height:80px;
          max-width:80px;
          }

    .module_menu_type_lastvisitors a:hover img  {
       max-height:55px;
       max-width:55px;
       }

    .module_menu_type_lastvisitors img:hover 
           opacity1;
           -webkit-transition500ms;
           -webkit-transformrotate(1440deg);
           }
     .module_menu_type_lastvisitors img {  -webkit-border-radius7px;
         border-radius7px;
         -webkit-transition0.4s linear;
         transition0.4s linear;
       }

    .module_menu_type_lastvisitors img:hover { 
            opacity: 1;
            -webkit-transition: 500ms;
            -webkit-transform: rotate(1440deg);
            }

     

    .module_menu_type_lastvisitors img {
          border: 2px ridge #ac5253;
        }

     Vous pouvez modifier dans le code 

    l'épaisseur de la bordure  

     le code de couleur 

    l'angle des coins arrondis

    *

    Coller le code à l'emplacement css 

    *

    Un merci fait toujours plaisir ; c'est la récompense de mon travail 


    24 commentaires
  • Agrandit l'avatar des derniers visiteurs quand tu passes la souris dessus 

    Exemple 

    Agrandis l'avatar des derniers visiteurs

     

    Code CSS

    .module_menu_type_lastvisitors img {
          max-height:60px;
          max-width:60px;
          }
    .module_menu_type_lastvisitors a:hover img  {
       max-height:80px;
       max-width:80px;
       }

    .module_menu_type_lastvisitors img:hover 

           opacity1;
           -webkit-transition500ms;
           -webkit-transformrotate(1440deg);
           }
     .module_menu_type_lastvisitors img {  -webkit-border-radius7px;
         border-radius7px;
         -webkit-transition0.4s linear;
         transition0.4s linear;
       }

    .module_menu_type_lastvisitors img:hover { 
            opacity: 1;
            -webkit-transition: 500ms;
            -webkit-transform: rotate(1440deg);
            }

    .module_menu_type_lastvisitors img {

          border: 2px ridge #ac5253;} 

     Vous pouvez modifier dans le code 

    l'épaisseur de la bordure  

     le code de couleur 

    l'angle des coins arrondis

    *

    Coller le code à l'emplacement css 

    *

    Un merci fait toujours plaisir ; c'est la récompense de mon travail 


    11 commentaires


    Suivre le flux RSS des articles de cette rubrique
    Suivre le flux RSS des commentaires de cette rubrique