Merci à Nagalia

Pour mettre le module  des derniers visiteurs en haut de page, lisez attentivement ce tutoriel...
 

Tout d'abord, voici le code CSS :

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

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

Quelques Explications ci-dessous :

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 " cliquez sur le lien ci-dessous.

CLQUEZ ICI

Merci à Nagalia

Pour Supprimer la barre de titre d'un module. Aujourd'hui, nous allons prendre (en exemple) le module des derniers visiteurs.

Tout d'abord, il faut placer le module derniers visiteurs en haut de la colonne (donc en haut sois du Menu 1 ou sois du Menu 2). Pour cela, si vous ne savez pas quel code CSS mettre, cliquez sur le lien ci-dessous.
CLIQUEZ ICI

Esnuite, placez le code CSS suivant dans l'emplacement CSS de votre blog :

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

Et voilà !

Merci à Nagalia

Derniers visiteurs : avatars ronds qui tournent lentement dans un sens puis dans l'autre pour le retour.

Voici le code CSS :

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

 ​.module_menu_type_lastvisitors img:hover{
     opacity: 1;
     }
    .module_menu_type_lastvisitors img {  -webkit-border-radius: 200px;
     border-radius: 200px;
     -webkit-transition: 0.4s linear;
     transition: 0.4s linear;
   }
   .module_menu_type_lastvisitors img:hover { 
       opacity: 1;
       -webkit-transition: 500ms;
       -webkit-transform: rotate(360deg);
       }​

 Vous pouvez modifier la taille des avatars si vous n'aimez pas les ronds (ce qui est en rouge dans le code)

INFO : Ne fonctionne pas avec :

Merci à Nagalia

Pour faire tourner d'un tour complet les avatars dans un sens et enfin dans l'autre sens, pour le retour

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

.module_menu_type_lastvisitors img:hover{
   opacity: 1;
   }
  .module_menu_type_lastvisitors img {  -webkit-border-radius: 7px;
   border-radius: 7px;
   -webkit-transition: 0.4s linear;
   transition: 0.4s linear;
 }
 .module_menu_type_lastvisitors img:hover { 
     opacity: 1;
     -webkit-transition: 500ms;
     -webkit-transform: rotate(1440deg);
     }

 

Expliquons un peu mieux tous çà :

Vous pouvez modifier la taille des avatars ce qui est en modifiant ceux qui est en rouge dans le code CSS ci-dessus.

Vous pouvez également modifier les coins arrondis des avatars ceux qui est en bleu dans le code CSS ci-dessus.

INFO : Ne fonctionne pas avec :

Merci à Nagalia

Pour faire tourner d'un tour complet les avatars des derniers visiteurs il faut coller le code CSS ci-dessous (dans l'emplacement CSS de votre blog).

Exemple ci-dessus sur ma page.

Voici le code CSS :

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

INFO : Ne fonctionne pas avec :