• sauvegarde des codes css

    sauvegarde des codes css

    *******

    Image ou header

    Voila ,  vous voulez poster une image transparente ou un image gif  dans votre header.

    Mais oups ! c'est trop lourd !!!

    voici la solution .

    Commencez par poster votre image sur un hebergeur et copier le lien directe de l'url ,

    pour le coller dans le code suivant 

     

    Le code#header {background-imageurl(http://i50.tinypic.com/2djuft0.jpg );

    Remplacez ce qui est en rouge par l'url de votre image 

    *

    Coller le code à l'emplacement css 

    *

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

     

     /*-----barre blanche---------*/
     .menubar_separation{backgroundnone;}
     #menubar_favorites {background-image:  none;}
     .menubar_section {background-imagenone;}
     #menubar_logo   {background-imagenone;}
     /*-----déco menubarre---------*/
     .menubar_section li{
      color#bc9739;
      }
      .menubar_section li
      {color #fff;margin-bottom:2px;     
          border:2px solid #6f6b6b;
          margin5px 3px 3px 3px;
          box-shadow0px 0px 5px black;
          width180px;
          padding-left16px;
          padding-top6px;
          padding-bottom6px;
          font-size:14px;     
           background:none;
         background-color#6f1119;
          border-radius10px;
          box-shadow:inset 1px 1px 2px black;
      }
      
      .menubar_section li:hover
      {box-shadow:inset 0px 0px 10px black;}
      .menubar_section li:last-child
      {background:none;
          padding-left16px;
          padding-top10px;
          padding-bottom10px;
          background-color#8a5f2c;
          
      }
      #menubar border1px solid #956A48color#fff;}
    #menubar {box-shadow0px 0px 15px #000000;}
      #menubar  background:  url('http://ahp.li/544fe92be5b457e25af6.jpg');}
    #menubar
    color#000background:url(http://ekladata.com/gb_ozGlC;}
     

     /*--fond 1--*/
     #background{border-radius:20px;}

     /*--Ombres fond 1--*/
      #background {box-shadow:3px 5px 50px #122e02;}

     /*coins arrondis haut et bas extérieur colonne*/
    #menu1{border-radius:20px;}
    #menu2 {border-radius:20px;}

     /*coins arrondis CONTENU intérieur colonne*/
     .module_menu_contenu {border-radius:20px 20px 20px 20px;}

     /*coins arrondis aux img colonne*/
     .module_menu_contenu img {border-radius:30px 30px 30px 30px;}
     /*coins arrondis titre colonne*/

    .module_menu_titre {border-radius:20px 20px 20px 20px;}
     /*Dernier visiteurs*/

     .module_menu_type_lastvisitors img:hover{
       opacity1
       }

      .module_menu_type_lastvisitors img {  -webkit-border-radius7px;
       border-radius7px;
       -webkit-transition0.4s linear;
       transition0.4s linear;
     }
     .module_menu_type_lastvisitors img:hover 
         opacity1;
         -webkit-transition500ms;
         -webkit-transformrotate(1440deg);
         }
     .module_menu_type_lastvisitors img {
       max-height:65px;
       max-width:65px;
       }
     

    .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 */ 
     }
     .module_menu_type_lastvisitors img 
            border4px ridge #bc9739;
          }
     /*coins arrondis avatar */
    .commentavatar imgborder2px solid #bc9739}

     /*lueur sur les image cliquable du contenu*/
     
    #content img:hover{
       opacity1;
       -webkit-box-shadow0px 0px 30px #000000;
       box-shadow0px 0px 20px #000000;
       }
    #content img {  -webkit-border-radius10px;
       border-radius10px;
       -webkit-transition0.4s linear;
       transition0.4s linear;
       }
     /*Titre intérieur du CONTENU*/
     .module_titre_contenu{border-radius:20px 20px 20px 20px;}
     /*--Coins arrondis du CONTENU*/
     .module_contenu{border-radius:30px 30px 30px 30px;}
     /*ombres du CONTENU*/
      .module_contenu {box-shadow1px 2px 10px #000000;}
     /*--largeur des Commentaire--*/
     .comment_normal,.comment_admin{     width742px;}
     /*coins arrondis des commentaires*/ 
    .comment_normal {border-radius:20px 20px 20px 20px;}
    .comment_admin{border-radius:30px 30px 30px 30px;}
     /*réduit les img commentaires*/
     
    .commentbody img {max-width:400px;height:auto;}
    #menu {
        font-family"BlackChancery";
       }
    /* block comentaire*/
    .module_contenu_block>a
    {
        background-colorpink;
        colorwhite;
        line-height:6.0em;
       border4px double white;
        padding20px 20px 20px 20px;
        box-shadow0px 0px 5px black;
        border-radius10px;
        background-image:url('http://ahp.li/f0f1e6ebb1ebbf6cec7e.png');
    }
     /* colore le nom de la shotbox*/
    .menu_shoutbox strong {color:#fff5ee;}

     /*--coins arrondis Pied de page*/
     #footer{border-radius:10px 10px 10px 10px;}
     
     
     /* IMG du Pied de page*/

     
     /* supprime les cookies*/
     #cookie-info{    displaynone;}
     .menubar_button
    {display:none;}
     
    /*Habiller le liens des commentaires*/
     
     
    .module_contenu_block>a
    {
        background-colorpink;
        colorwhite;
        line-height:6.0em;
       border4px double white;
        padding20px 20px 20px 20px;
        box-shadow0px 0px 5px black;
        border-radius10px;
        background-image:url('http://ahp.li/1f567d2b1161446d497b.jpg');
    }
     17klnT9aBgqjppVer-g
    .png)height57px

     

    /*..deco bouton repondre..*/
    .comment-reply
    positionrelative;
      margin-top150px;margin-bottom30px;margin-leftauto;margin-rightauto;
      background-image:  url('http://ekladata.com/sDItqc94F8UWzkbswyv03AI0G9U.jpg');
      border-radius:10px;  
      border2px dotted #FFEECC;
      padding:2pxwidth120px;
      box-shadow0px 0px 10px black,0px 0px 10px black inset;}