• Réduire les Images des derniers visiteurs

    Par manola le 12 Mai 2013 à 19:01

    Pour réduire la taille des images des derniers visiteurs

    Exemple

    Réduire les Images des derniers visiteurs

     

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

    Dans le code vous pouvez modifier le nombres de PX "pixels pour la taille des images 

    *

    Coller le code à l'emplacement css 

    *

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


  • Avatar opaque des derniers visiteurs

    Par manola le 8 Mai 2013 à 14:07

     

    Derniers visiteurs 

    1er code pour rendre les avatars opaques 

    Le code

    .module_menu_type_lastvisitors a img,.module_menu_type_lastvisitors a:link img  { opacity: 0.4;
    filter:alpha(opacity=40);
    -moz-opacity: 4.0;
    }

     2em code , Pour eclairer les avatars lorsque l'on passe la souris dessus 

     

    Le code.module_menu_type_lastvisitors a:hover img  {
    opacity: 1;
    filter:alpha(opacity=100);
    -moz-opacity: 1.0;
    }

    Coller les deux codes dans l'emplacement css 

     *

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


  • Pivotement des avatars dans les derniers Visiteurs

    Par manola le 8 Mai 2013 à 13:45

    Derniers Visiteurs

    Voici le code pour faire pivoter les avatars  

    Le code.module_menu_type_lastvisitors img:hover
    { transform:rotate(7deg);
    -ms-transform:rotate(7deg); /* IE 9 */
    -moz-transform:rotate(7deg); /* Firefox */
    -webkit-transform:rotate(7deg); /* Safari and Chrome */
        -o-transform:rotate(7deg); /* Opera */ 
     }

     

    Coller le code dans l'emplacement css , voir explications tuto

    *

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

     





    Suivre le flux RSS des articles de cette rubrique