• Changer la taille des derniers visiteurs

    Comment changer la taille des derniers visiteurs ?

    RAPPELS :
    - Vous pouvez cliquer sur TOUTES les images pour les voir en plus grand
    - Le code CSS est à placer ici :

    Installer une police et l'utiliser



              T A I L L E          

    Nous allons utiliser la propriété "max-width". Celle-ci permettra de tout simplement modifier la taille des derniers visiteurs. Plus la valeur sera grande, plus les derniers visiteurs seront grands. Par contre, il me semble qu'on ne peut pas aller au dessus de 100px.


    .module_menu_type_lastvisitors img {
    max-width: NOMBREpx;}

    Bien évidemment, vous remplacez NOMBRE par un nombre qui correspond à la taille que vous souhaitez.


              T A I L L E  A U   S U R V O L          

    C'est exactement le même code qu'au début, mais nous allons ajouter :hover, comme d'habitude.


    .module_menu_type_lastvisitors img:hover {
    max-width: NOMBREpx;}

    Mais si vous voulez changer de taille au survol, l'effet va être un peu bizarre
    --comme ceci--

    du coup on va rajouter une transition.


    .module_menu_type_lastvisitors img {
    max-width: NOMBREpx;
    text-decoration: none;
        -webkit-transition: all 0.5s ease;
        -moz-transition: all 0.5s ease;
        -o-transition: all 0.5s ease; }

    .module_menu_type_lastvisitors img:hover {
    max-width: NOMBREpx;}


    Vous pouvez remplacer le "0.5" par une autre valeur. Celle-ci représente le temps que l'image va mettre à s'agrandir. Plus votre valeur sera élevée, plus les derniers visiteurs mettront du temps à s'agrandir au survol.

    Si on prend ce code :
    .module_menu_type_lastvisitors img {
    max-width: 30px;
    text-decoration: none;
        -webkit-transition: all 0.5s ease;
        -moz-transition: all 0.5s ease;
        -o-transition: all 0.5s ease; }

    .module_menu_type_lastvisitors img:hover {
    max-width: 70px;}

    va donner ceci :

    > Si vous souhaitez désormais modifier la bordure de vos derniers visiteurs ou encore leurs arrondis, cliquez ici !

     

     

     

     

    « Changer le style des derniers vistieursModifier "Lire la suite..." »

  • Commentaires

    1
    Lundi 10 Juillet à 13:52

    Merci pour le code :)

    2
    Lundi 10 Juillet à 15:04

    Pas de quoi, n'hésites pas à me solliciter si tu as un problème avec ce code ou que tu n'arrive pas à le mettre :)

    3
    Dimanche 3 Septembre à 21:07

    Salut j'aimerais savoir si il serait possible de changer la disposition des visiteurs, càd les mettre par colonne et pas par rangée stp? 

    Suivre le flux RSS des commentaires


    Ajouter un commentaire

    Nom / Pseudo :

    E-mail (facultatif) :

    Site Web (facultatif) :

    Commentaire :