• Ombres portées du titre

    Par manola le 19 Novembre 2013 à 10:22

    Ombres portées du titre

     

    Le code

    #titre_header a {box-shadow: 1px 1px 20px #ffffff;}

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

     

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

     

    Astuce 1 :  Si vous voulez que l'ombre portée soit à gauche plutôt qu' à droite , il suffit de placer un "-" devant les deux premiers chiffres .

    Astuce 2  : si vous voulez une ombre uniforme un peu comme une lueur , placer un "0" à la place des deux premiers chiffres 

    *

    Coller le code à l'emplacement css 

    *

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


  • Ombres portées du slogan

    Par manola le 19 Novembre 2013 à 10:15

    Ombres portées du slogan

     

    Le code

    #slogan_header {box-shadow: 1px 1px 20px #ffffff;}

    OU

     

    Le code

    #slogan_header { text-shadow: 1px 1px 2px #ffffff;}

     

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

     

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

     

    Astuce 1 :  Si vous voulez que l'ombre portée soit à gauche plutôt qu' à droite , il suffit de placer un "-" devant les deux premiers chiffres .

    Astuce 2  : si vous voulez une ombre uniforme un peu comme une lueur , placer un "0" à la place des deux premiers chiffres 

    *

    Coller le code à l'emplacement css 

    *

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


  • Ombre portée haut et bas de colonne

    Par manola le 2 Juin 2013 à 14:01

    ombre portée haut et bas de colonne 

     

    colonne de gauche 

    Code CSS

    #menu1_top { box-shadow: 2px 2px 20px #000000;}
    #menu1_bottom { box-shadow: 2px 2px 20px #000000;}

     

    colonne de droite 

    Code CSS

    #menu2_top { box-shadow: 2px 2px 20px #000000;}
    #menu2_bottom { box-shadow: 2px 2px 20px #000000;}

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

    *

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