• pour avoir les avatars des derniers visiteurs plus petits et arrondis .

    Exemple

    Arrondir les avatars des derniers visiteurs

     

    Code CSS

    .module_menu_type_lastvisitors img {

    max-width: 60px;

    border-radius: 60px;

    }

    *

    Coller le code à l'emplacement css 

    *

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


  • Fait pivoter les images des derniers visiteurs , met un coin arrondi en pivotant

    et met également une couleur de fond aux avatars transparents.

     

    Code CSS

    .module_menu_type_lastvisitors img:hover {opacity: 1;   -webkit-transition: 500ms;
       -webkit-transform: rotate(10deg); 
       border-radius: 18px 18px 18px 18px;
       background-color: #bc9739;
       }

     Vous pouvez changer le nombre de px "pixels " pour les coins " ce qui est en rouge dans le code "

    Vous pouvez modifier le code de couleur " ce qui est en orange dans le code 

    *

    Coller le code à l'emplacement css 

    *

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


  • Derniers visiteurs en haut de page comme ici en dessous de l'image 

    Exemple 

    Derniers visiteurs en haut de page

     Placez vos visiteurs dans la colonne de gauche

    et coller le code suivant dans le css

    Code CSS

    .module_menu_type_lastvisitors{position: absolute;
                        top: 520px;
                         margin-left: 400px;}

    Vous pouvez changer le nombre de px "pixels " dans ce qui est en rouge dans le code.

    top =  haut : c'est ici que vous modifiez  la hauteur par rapport au bord haut de la page .

    left = gauche : c'est ici que vous modifiez la largeur par rapport au bord gauche de la page .

    Si vous voulez supprimer la barre de titre "derniers visiteurs "

    exemple

    Derniers visiteurs en haut de page

    pour avoir ceci

    Derniers visiteurs en haut de page

    vous devez en plus ajouter ce code au premier 

     

    Code CSS.module_menu_type_lastvisitors .module_menu_titre {
      display: none;
      border-bottom: 0px solid black;
      }

    *

    Coller les deux codes dans l'emplacement css 

     *

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

     





    Suivre le flux RSS des articles de cette rubrique