• Thème 02 - complétement CSS

    Donc, maintenant je vous propose un thème Bleu complétement Miku Hatsune.  Donc le code Css à mettre...

    #body {background-image:url("http://ekladata.com/91B_ONwot4MUE8dl00pBIqWoIlk@100x100.jpg");
           background-positioncenter top;
       background-repeatrepeat;
       background-attachmentfixed;
       font-familyXiomara;
       text-alignjustify;}
       
      
      #background {width1000px;
           background-color#5fb9e6;
       box-shadow0px 0px 5px black;}
       
       #header {    background-image:url("http://ekladata.com/xqMCFnMO4hixUJVyC_1qCcOAoGY.jpg");
           background-positioncenter top;
       background-repeatno-repeat;
       background-attachmentabsolute;
       height580px;}
      #titre_header {font-family"Xiomara";
       color#23a4db;
       text-shadow0px 0px 5px black;
       font-size30pt;
       
       #menu1 .module_menu_titre {background-color#5195e9;
       color#295165;
       font-family"Xiomara";
       text-shadow0px 0px 2px ;
       text-aligncenter;
       padding-left0px;
       padding-top0px;}
       
       #menu1 .module_menu_contenu {background-color0;
       colorBlack;
       padding0px 5px 5px;
       margin-bottom30px;}
    Xiomara
       
       #menu1 {width270px;
       margin-top0px;
       margin-left15px;}
       .module_titre_contenu.module_titre_contenu {
           font-family"Xiomara"
       font-size10pt;
       font-weightnormal;
       font-stylenormal;
       text-decorationnone;
       font-variantsmall-caps;
       text-aligncenter;
       color#42343b;
       text-shadow0px 0px 1px #16688c;}
      .article_info {text-aligncenter;
           height10px;
           font-size10pt;
           colorPurple;
           opacity0.6;
       margin-top-5px;}
     #content {margin-center120px;
      margin-right15px;
      margin-top0px;}
      
      #menu1 {colorBlack;}
      #menu1 a:hover {colorBlack;}
      .article_text {font-familyarial;
      font-size15pt;}
      
      .article_text {colorBlack;
      font-weightbold;}
      .article_text a:hover {colorBlack;}
      
      .module_contenu_block>{colorBlack;}
      .module_contenu_block>a:hover {color#f6be6c;}
      .commentbody {    font-familyarial;
      font-size10pt;
      font-styleitalic;
      color#6a6a6a;
      padding-left10px;
      background-color#fadb89;
      border-radius0px 0px 45px 18px;
      margin-bottom20px;}
     .commentavatar img {border-radius15px 32px 32px 15px;
      bordersolid 3px Black;}
      
      .commentpseudo a{colorBlack;}
      
      .commentdate {font-familyarial;
      colorblack;
      opacity0.2;}
      
      .commentnumber {padding-left15px
          font-family'times new roman';
      font-weightbold;
      colorblack;}
      
      .commentheader margin-top5px;
          background-colorBlack;
      border-radius38px 23px 0px 0px;}
     
      .comment_admin .commentnumber {colorwhite;}
      .comment_admin .commentheader background-color#474145;
      border-radius38px 23px 0px 0px}
      
      .comment_admin .commentbody {color#d6d6d6;
          background-color#474145;
      border-radius0px 0px 45px 18px;}
      
      
      .commentavatar {padding-right5px;
      padding-left5pxpadding-bottom10px;}
      
      .comment_admin .commentavatar img {bordersolid 3px #e9e9e9;}
      .comment_admin .commentdate {font-familyarial;
      colorwhite;
      opacity0.2;}
      #footer:after {content"  -  Design by Nymphalie";}
      
      ::-webkit-scrollbar {height0px;
      width9px;
      background-colorwhite;}
      
      ::-webkit-scrollbar-thumb:vertical {background-color#444147;}
      
      #footer height20pxcolorblack;
      opacity0.7;
      font-family"Xiomara";}
      #footer {colorblack;
      font-family"Xiomara";}
      
      #footer a:hover {color#e7524c;
      font-family"Xiomara";}

    Partager via Gmail

    your comment
  • Thème 01 - Complétement réalisée en CSS ! Ma première fois !

    ( Clique pour voir la taille réelle !)

    Donc, c'est mon tout premier thème en CSS, j'ai passée 1heure ! J'espère que certains le prendront car, j'ai pas fais sa pour du boudin ! Donc, voici le code CSS a mettre dans Ajoutez du CSS.

      #body {background-image:url("http://ekladata.com/jLxStInnVIqA9BKorSIKqTK4ZRc@100x100.png ");
          
    background-positioncenter top;
      
    background-repeatrepeat;
      
    background-attachmentfixed;
      
    font-familyarial;
      
    text-alignjustify;}
      
     
     
    #background {width1000px;
          
    background-color#fbf2d9;
      
    box-shadow0px 0px 5px black;}
      
      
    #header {    background-image:url("http://ekladata.com/rr-Z6xZ6AQL-I1QRVEMK6Zrn2aw@985x395.jpg");
          
    background-positioncenter top;
      
    background-repeatno-repeat;
      
    background-attachmentabsolute;
      
    height450px;}
      
      
    #titre_header {font-family"nathaniel";
      
    color#71082e;
      
    text-shadow0px 0px 5px #71082e;
      
    font-size40pt;
      
      
    #menu1 .module_menu_titre {background-color#710827;
      
    colorblack;
      
    font-family"times new roman";
      
    text-shadow0px 0px 2px ;
      
    text-alignleft;
      
    padding-left25px;
      
    padding-top5px;}
      
      
    #menu1 .module_menu_contenu {background-color#7c1b38;
      
    colorBlack;
      
    padding0px 5px 5px;
      
    margin-bottom30px;}
      
      
    #menu1 {width250px;
      
    margin-top0px;
      
    margin-left15px;}
      
      .
    module_titre_contenu.module_titre_contenu {
          
    font-family"Times New Roman"Timesserif;
      
    font-size25pt;
      
    font-weightnormal;
      
    font-stylenormal;
      
    text-decorationnone;
      
    font-variantsmall-caps;
      
    text-aligncenter;
      
    color#42343b;
      
    text-shadow0px 0px 1px #ffffff;}
     .
    article_info {text-aligncenter;
          
    height10px;
          
    font-size10pt;
          
    colorWhite;
          
    opacity0.6;
      
    margin-top-5px;}
     
     
     
    #content {margin-center120px;
     
    margin-right15px;
     
    margin-top0px;}
     
     
    #menu1 {colorBlack;}
     
    #menu1 a:hover {colorBlack;}
     .
    article_text {font-familyarial;
     
    font-size15pt;}
     
     .
    article_text {colorBlack;
     
    font-weightbold;}
     .
    article_text a:hover {colorBlack;}
     
     .
    module_contenu_block>{colorBlack;}
     .
    module_contenu_block>a:hover {color#f6be6c;}
     .
    commentbody {    font-familyarial;
     
    font-size10pt;
     
    font-styleitalic;
     
    color#6a6a6a;
     
    padding-left10px;
     
    background-color#fadb89;
     
    border-radius0px 0px 45px 18px;
     
    margin-bottom20px;}
     
     .
    commentavatar img {border-radius15px 32px 32px 15px;
     
    bordersolid 3px Black;}
     
     .
    commentpseudo a{colorBlack;}
     
     .
    commentdate {font-familyarial;
     
    colorblack;
     
    opacity0.2;}
     
     .
    commentnumber {padding-left15px
         
    font-family'times new roman';
     
    font-weightbold;
     
    colorblack;}
     
     .
    commentheader margin-top5px;
         
    background-colorBlack;
     
    border-radius38px 23px 0px 0px;}

     .
    comment_admin .commentnumber {colorwhite;}
     .
    comment_admin .commentheader background-color#474145;
     
    border-radius38px 23px 0px 0px}
     
     .
    comment_admin .commentbody {color#d6d6d6;
         
    background-color#474145;
     
    border-radius0px 0px 45px 18px;}
     
     
     .
    commentavatar {padding-right5px;
     
    padding-left5pxpadding-bottom10px;}
     
     .
    comment_admin .commentavatar img {bordersolid 3px #e9e9e9;}
     .
    comment_admin .commentdate {font-familyarial;
     
    colorwhite;
     
    opacity0.2;}
     
    #footer:after {content"  -  Design by Nymphalie;}
     
     ::
    -webkit-scrollbar {height0px;
     
    width9px;
     
    background-colorwhite;}
     
     ::
    -webkit-scrollbar-thumb:vertical {background-color#444147;}
     
     
    #footer height20pxcolorblack;
     
    opacity0.7;
     
    font-family"times new roman";}
     
    #footer {colorblack;
     
    font-family"times new roman";}
     
     
    #footer a:hover {color#e7524c;
     
    font-family"times new roman";}

    Partager via Gmail

    your comment


    Follow this section's article RSS flux
    Follow this section's comments RSS flux