• Pour faire tourner d'un tour complet les avatars dans un sens puis dans l'autre

    Par manola dans Derniers Visiteurs le 16 Juin 2013 à 09:12

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

    Exemple ICI sur cette page  passer la souris de droite à gauche pour voir l'effet

    Info : Ne fonctionne pas avec internet exploreur

     

    Code CSS

    .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);
         }

     Vous pouvez modifier la taille des avatars ce qui est en rouge dans le code 

    Vous pouvez également modifier les coins arrondis des avatars ce qui est en bleu dans le code

    *

    Coller le code à l'emplacement css 

    *

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


  • Changer et grossir la police du titre contenu

    Par manola dans Effets de texte le 11 Juin 2013 à 22:17

    Pour Changer et grossir la police du  titre contenu

    Exemple

    Changer et grossir la police du contenu

      

    Code CSS

    .module_titre_contenu,.module_titre_contenu a p {font-family: 'Happy Monkey', cursive;font-size:25px;}

     Changer ce qui est en rouge dans le code par le nom de votre police 

    et ce qui est en vert pour la taille de la police

    *

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

    *

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

    *

    Voici un lien pour choisir votre police  http://www.google.com/fonts/

     Tutoriel ICI chez mon amie Dalila qui vous explique comment changer la police de votre blog

    Merci liledekahlan pour ce code

    petite modification pour le code de la part de  liledekahlan

     

    .module_titre_contenu,.module_titre_contenu a {font-family: 'Happy Monkey', cursive;font-size:23px }

    ***

    pour moi les deux code sont bon , je les ai tester et cela fonctionne .


  • Lueur sur les images cliquables de la colonne

    Par manola dans Divers le 11 Juin 2013 à 21:54

    Lueur sur toutes les images cliquables de la colonne

    Ce script place une lueur noire sur toutes les images cliquables de la colonne

    lorsque l'on passe la souris dessus

    exemple    ICI  sur mon autre blog , passer la souris sur les images de la colonne

     

    Code CSS

    .module_menu_contenu img:hover{
      opacity: 1;
      -webkit-box-shadow: 0px 0px 15px #000000;
      box-shadow: 0px 0px 50px #000000;
      }
     .module_menu_contenu img {  -webkit-border-radius: 7px;
      border-radius: 7px;
      -webkit-transition: 0.4s linear;
      transition: 0.4s linear;
    }

     

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

    vous pouvez également modifier l'intencité de la lueur " ce qui est en vert dans le code '

    -----------------------------------

    Si vous  voulez les coins arrondis c'est ce qui est en bleu dans le code

    *

    Coller le(s) code(s) à l'emplacement css 

    *

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