• Colorer ou texturer la barre de menu

    Par manola le 12 Décembre 2013 à 19:36

    Colorer ou texturer la menu-barre

     

    Ici c'est colorer la barre 

    Exemple

    Colorer ou texturer la barre de menu

     

    Le code#menubar  { background: #335443;}

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

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

    texturer la barre

    exemple 

    Colorer ou texturer la barre de menu

     

    Le code#menubar { background: url(HTTP );} 

    Remplacer l'url qui est en rouge dans le code par l'url de votre texture 

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

    Effet de garniture tiret de la barre des menu 

    Exemple

    Colorer ou texturer la barre de menu

    code CSS#menubar { border: 2px dashed #597484;}

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

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

     Effet de garniture pointillé de la barre 

    exemple 

    Colorer ou texturer la barre de menu  

    code CSS#menubar { border: 2px dotted #597484;}

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

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

     Effet de garniture avec ligne de séparation 

    Exemple

    Colorer ou texturer la barre de menu  

    code CSS#menubar { border: 2px solid #597484;}

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

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

    Effet d'ombre portée extérieur  de la  barre 

    exemple

    Colorer ou texturer la barre de menu

    code CSS

    #menubar {box-shadow: 0px 0px 15px #000000;}

      Vous pouvez modifier la couleur de l'ombre ce qui est en rouge dans le code

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

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

    Effet d'ombre intérieur de la barre

    exemple

    Colorer ou texturer la barre de menu

    code CSS

    #menubar {box-shadow:inset 0px 0px 15px #000000;}

      Vous pouvez modifier la couleur de l'ombre ce qui est en rouge dans le code

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

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

    Vous pouvez associer tous les codes pour un double effet

    exemple ici

    Colorer ou texturer la barre de menu

    avec une texture 

    + ligne de séparation

    + ombre portée extérieur 

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

    avec bordure en saillie 

    exemple

    Colorer ou texturer la barre de menu

    code CSS

    #menubar { border: 3px ridge #3e819c;}

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

    vous pouvez également modifier l'épaisseur de la bordure  ce qui est en vert dans le code

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

    Je remercie mon amie "La Gentille Rebelle de m'avoir donner ce code pour vous

    visité ces merveilleux blogs  ici 

     


  • Avatars ronds dans les commentaires

    Par manola le 28 Novembre 2013 à 10:27

    Pour avoir les avatars ronds dans les commentaires 

    exemple

    Avatar des commentaire rond

     

    Le code

    .commentavatar a img{max-width: 60px;

    border-radius: 60px;

    }

     

    Coller le code à l'emplacement css 

    *

     

     

     


  • supprimer la barre de titre du calendrier

    Par manola le 21 Novembre 2013 à 15:21

    Cadeau reçu de la gentille rebelle que je remercie , Visitez son blog ICI 

    Code pour supprimer la barre de titre du calendrier 

    exemple .

    avant                                                             après 

       

     

    Le code

    .module_menu_type_calendar .module_menu_titre {    display: none;
        border-bottom: 0px solid black;
        }

    Coller le code à l'emplacement css 

    *

     





    Suivre le flux RSS des articles de cette rubrique