• Vos images présentes sur votre blog peuvent devenir un peu transparentes, en réduisant leur opacité, lorsque vous n'avez pas votre curseur dessus.

    J'ai mis en rouge dans le code, la valeur que vous pouvez modifier pour avoir une opacité plus ou moins importante.

    Le résultat du code par image (avant/après):

    Rendre les images un peu transparentesRendre les images un peu transparentes

    Voici le code :

     

    img { -moz-transition: opacity 0.4s linear 0s;
    -webkit-transition: opacity 0.4s linear 0s;
    transition: opacity 0.4s linear 0s;
    opacity: 0.35;
    }

    img:hover {
    -moz-transition: opacity 0.4s linear 0s;
    -webkit-transition: opacity 0.4s linear 0s;
    transition: opacity 0.4s linear 0s;
    opacity: 10;
    }

     

     

     


    votre commentaire
  • Pour avoir une écriture lumineuse, il faut coller le code CSS suivant :

    (Vous pouvez choisir votre couleur pour votre écriture lumineuse, à condition de la mettre en anglais, là où j'ai écris en rouge).

    En bleu, les valeurs pour changer plus ou moins la luminosité de l'éciture.

     

    a:link {text-shadow1px 1px 3px nom de la couleur en anglais}
     a:visited {text-shadow1px 1px 3px nom de la couleur en anglais }
     
     {text-decoration none ! importanttext-shadow nom de la couleur en anglais 2px 1px 7px;}


    votre commentaire
  • Le code suivant est celui qui permet aux avatars des derniers visiteurs de faire un tour complet.

    /!\ Ce code fonctionne uniquement avec chrome.

    Vous pouvez toujours changer les valeurs (ce qui est en rouge) mais le résultat ne sera plus le même et ils ne feront pas un tour complet sur eux même.

     

     

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


    votre commentaire
  • Pour mettre une ombre aux titres des menus qui sont sur le côté (image ci-dessus), il faut mettre le code, qui est tout en bas.

    Ce qui est en rouge est la couleur qui peut être changée. (Ici, #000000 c'est noir).

    Ce qui est en vert, ce sont les valeurs qui changent l'intensité de l'ombre. La troisième valeur correspond au "flou" de l'ombre portée.

     En bleu, remplacez le mot sélecteur par un code sélecteur (voir liste des codes sélecteurs)

     

    sélecteur {text-shadow: 2px 2px 5px #000000;}

     

     


    votre commentaire
  • Voici le code pour faire pivoter les avatars.

    En rouge, ce sont les valeurs que vous pouvez changer pour pivoter plus au moins, selon votre goût.

     

     

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


    13 commentaires