• Ce script place une lueur Blanche et met des coins arrondis sur toutes les images cliquables du contenu

    lorsque l'on passe la souris sur l'image

    exemple  

     

    Code CSS

    #content img:hover{   opacity: 1;

       -webkit-box-shadow: 0px 0px 15px #ffffff;
       box-shadow: 0px 0px 50px #ffffff;
       }
     .module_contenu  img:hover {opacity: 2;   -webkit-transition: 500ms;  border-radius: 25px 25px 25px 25px;
        } 

     

    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 '

    ET vous pouvez modifier les coins arrondis ce que est en bleu 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 


  • Pour rendre toutes vos images du blog transparentes et qui s'éclairent quand  on passe la souris par dessus

    Exemple 

    avant et apres

    Vos Images transparentes   Vos Images transparentes

    Vous  êtes très nombreuses à m'avoir demandé ce code .

    Je remercie Chain du fond du cœur en votre nom  pour  me l'avoir offert .

    Vous pouvez visiter son magnifique blog en cliquant  ICI 

    Voici le code

     

    Code CSS

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

     

    Vous pouvez modifier l' opacité , ce qui est en rouge dans le code 

    *

    Coller le code à l'emplacement css 

    *

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

     


  • Une petite bordure à vos avatars des commentaires

    exemple

    Une bordure a vos avatars des commentaires

    Code CSS

    .commentavatar a img{ border: 2px solid #bc9739; }

     Vous pouvez changer dans le code 

    la couleur de la bordure 

    l'épaisseur de la bordure

     

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

    Avec une petite ombre

    exemple

    Une bordure a vos avatars des commentaires

     

    Code CSS

    .commentavatar a img{ border: 3px solid #bc9739; box-shadow: 0px 0px 10px #000000;}

     Vous pouvez changer dans le code 

    la couleur de la bordure 

    l'épaisseur de la bordure

    L'intencité le l'ombre 

    et la couleur de l'ombre

    *

    Coller le code à 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