• Changer la police du titre du contenu

    Par manola dans Effets de texte le 10 Juin 2013 à 11:00

    change la police d'écriture du titre du contenu

    exemple

    Changer la police du titre du contenu

     

    Code CSS

    .module_titre_contenu,.module_titre_contenu a p {font-family : Snap ITC; }

     Changer ce qui est en rouge dans le code par le nom de votre 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

    *************************

    petit mot envoyer par liledekahlan 

     

    juste pour t'aviser, qu'il faudrait enlever le p juste avec le mot font.  Sinon, il y a un problème avec le code. 

    exemple 

    Code CSS

    module_titre_contenu,.module_titre_contenu a  {font-family : Snap ITC; }

     

    j'ai tester les deux code et chez moi cela fonctionne  , merci Hélène Bizzzzz


  • Pour faire tourner les avatars des derniers visiteurs

    Par manola dans Derniers Visiteurs le 2 Juin 2013 à 18:35

    Pour faire tourner d'un tour complet les avatars des derniers visiteurs 

    Exemple ici dans la colonne

     

    Code CSS

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

    INFO : ce code fonctionne uniquement avec chrome ,  ne fonctionne pas avec internet exploreur et mozilla .

    Voici de Melofaroh un petit mot et le code pour un autre navigateur . 

    .................................................................

    ça y est!!! j'ai modifié et ça marche...

    C'est bien ce que je pensais, le code que tu nous donnes là-haut est bon pour chrome, mais il vaut mieux mettre le code complet  pour les autres, voilà le code que j'ai appliqué , ça peut servir :

    Code CSS

    .module_menu_type_lastvisitors img
    { transition:500ms;
     -moz-transition: 500ms; /* Firefox 4 */
     -webkit-transition: 500ms; /* Safari and Chrome */
        -o-transition: 500ms; /* Opera */  }

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

    Merci Melofaroh pour cette INFO

    Cliquez ICI et ICI pour visiter les blogs de melofaroh

    *

    Coller le code à l'emplacement css 

    *

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


  • Met une bordure et coins arrondis aux derniers visiteurs

    Par manola dans Derniers Visiteurs le 2 Juin 2013 à 18:20

    Met une bordure  blanche de 2 Px "pixels"et des coins arrondis aux derniers visiteurs

    exemple

    Met une bordure et coins arrondis aux avatar

     

    Code CSS

    .module_menu_type_lastvisitors img {
        border-radius: 15px 15px 15px 15px; 
        border: 2px solid #ffffff;
      }

     Vous pouvez modifier dans le code les pixels des coins arrondis ce qui est en rouge dans le code 

    L'épaisseur de la bordure  

    Et le code de couleur 

    *

    Coller le code à l'emplacement css 

    *

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