• Thème flowers

    Hello ~♪

    Me voilà avec un nouveau thème en LS.

    Je n'étais pas du tout parti sur ça. À la base, j'essayai juste de préparer un nouveau thème simple et épuré pour ce blog, mais j'ai fini avec un thème floral à la palette de couleurs qui ne correspond pas du tout à mon blog. Du coup, je suis restée sur ma lancée et je l'ai terminé pour vous le proposer en Livre Service. Il n'est pas très élaboré, mais donne une bonne base pour les débutants.

    Pour ceux qui préfèrent avec ou sans menu à droite, je vous ai préparé les deux codes. Sans le menu à droite, les modules sont en pied de page. À vous de modifier selon vos besoins ;)

     

    Thème flowers

    Cliquez sur l'image pour zoomer 

    Thème flowers

    Avant de copier/coller le code.

    N'oubliez pas de mettre vos paramètres à 0. Police, marges ect. Notamment pour Menu1, Contenu + commentaire et boutons & champs. Ou il risque d'y avoir des décalages. Seule chose à ne pas décocher, "Automatique (centré)" → ÇA

    Le menu doit être à droite et non à gauche.

    + Laissez un com si vous prenez.
    Ne pas retirer la signature dans le footer.

    V1. Le code avec menu1 :

     

    /*-Polices-*/
    @font-face {font-family"MontserratLight";
    srcurl('http://ekladata.com/9KQACRzGF2mY8oYLz6kp-KzTAss/Montserrat-Light.otf');}
    @font-face {font-family"Dancing in the rainbow";
        srcurl('http://ekladata.com/sdaoztnXxN2yM4F2JdeIzXUnObE/Dancing-in-the-Rainbow.ttf');}
    @font-face {font-family"Amaranth";
    srcurl('http://ekladata.com/kcnCMVtgkGZrvOqrY4gCOuXCyV8/Amaranth.otf');}

    /*-Scrollbar/Selection-*/

    ::-webkit-scrollbar {
        width10px;
        height0px;
    }

    ::-webkit-scrollbar-track {
        background-color#ffffff;
    }
     
    ::-webkit-scrollbar-thumb {
        background-color#984969;
    }

    ::selection background#E5C8C0color#000;}
    ::-moz-selection {background#E5C8C0;  color#000;}

    /*-bulles info-*/
    #help_bubble {backgroundrgba(17,17,17,0.85);
        color#c0c0c0;
        border0px solid #c0c0c0;
        padding4px 8px 4px 8px;
    }
    #help_bubble strong {color#ECCD6F;}

    /*-BLOG-*/
    #body {
        backgroundurl(no-repeat 0% -90px,
            url(http://ekladata.com/hP2TD1Rt277riwqOlzLjNxG_Fao/coin1.pngno-repeat 0% 0%,
            url(http://ekladata.com/zn72rvYz_XDlh114Hmqw_G_ZphQ/coin22.pngno-repeat 100% -5px,
            url(http://ekladata.com/lK3ub-wY0eL6bPj1BH8Vw7PWZDk/haut.pngno-repeat 50% 0%,
            url(http://ekladata.com/kzrZ4X3fjyNd6n0WUVXuheEiMwI/bas.pngno-repeat 30% 150px,
            url(http://ekladata.com/9p1SdtJuyz0dy894_BP4Ms0MZYo/fond-head.pngrepeat-x 50% 0px,
            url(http://ekladata.com/LVBPIvsT6m0P4ucD8CaK-i8Q2Ow/fondwhite.pngrepeat-y fixed 50% 350px,
            url(http://ekladata.com/dJKZjsU_C1jnhQwYpGhC_r4p1aE/fond-marbre-rose.pngrepeat fixed 0% 0px;}

    #background {  
      font-family"MontserratLight";
        width1050px;    
    }

    #background img:hover {
       opacity0.8;    
    }

    /*-HEADER-*/
    #header {
        margin-bottom100px;
        height300px}

    #titre_header {
     
      }

    #titre_header {
        letter-spacing0px;
        font-weightnormal;
        font-family"Dancing in the rainbow";
        font-size6em;
        letter-spacing5px;
        colorblack;
        text-shadowrgb(2552552552px 0px 0pxrgb(2552552551.75517px 0.958851px 0pxrgb(2552552551.0806px 1.68294px 0pxrgb(2552552550.141474px 1.99499px 0pxrgb(255255255-0.832294px 1.81859px 0pxrgb(255255255-1.60229px 1.19694px 0pxrgb(255255255-1.97998px 0.28224px 0pxrgb(255255255-1.87291px -0.701566px 0pxrgb(255255255-1.30729px -1.5136px 0pxrgb(255255255-0.421592px -1.95506px 0pxrgb(2552552550.567324px -1.91785px 0pxrgb(2552552551.41734px -1.41108px 0pxrgb(2552552551.92034px -0.558831px 0px;}

    #titre_header a:hover {
        color#7D3A50;
        -webkit-transition-duration700ms;
        -moz-transition-duration700ms;
        transition-duration700ms;}

    #slogan_header {
        font-family"Open sans light";
        widthauto;
        left50%;
        margin-left-120px;
        top180px;
        letter-spacing2px;
        text-aligncenter;
        font-weightnone;
        font-size13px;
        line-height15px;
        color#444;
    }

    #slogan_header:hover {    
        letter-spacing4px;
          -webkit-transition-duration700ms;
        -moz-transition-duration700ms;
        transition-duration700ms;

    }

    /*-Menu en-tête-*/
    #menu {  
        background-image url(http://ekladata.com/dJKZjsU_C1jnhQwYpGhC_r4p1aE/fond-marbre-rose.png);   
        text-aligncenter;
        width100%;
        border-top1px solid #999;
        border-bottom1px solid #999;
        height30px;
        ligne-height30px;
        top300px;
        right0px;
    }

    #menu {  
        widthauto;
        margin-left35px;
        font-family"Open sans Light";  
        font-size17px;
        letter-spacing1px;
        text-transformuppercase;
        color#222;
        line-height30px;
        height30px;
        text-aligncenter;
    }

    #menu a:hover {  
        color#B34872;
        -webkit-transition-duration300ms;
        -moz-transition-duration300ms;
        transition-duration300ms;}

    ul#menu ul {    
        width150px;
       border1px solid #efefef;
    }

    ul#menu ul {  
        font-size13px;
        border-bottom1px solid #efefef;
        background#fff;
        height25px;
         line-height25px;
        text-alignleft;
        padding-left10px;
    }

    ul#menu ul a:hover {
        background#FFF6F1;
        font-weight bold;
        text-alignleft;
        padding-left15px;  -webkit-transition-duration450ms;
        -moz-transition-duration450ms;
        transition-duration450ms;
    }

    /*-Menu 1-*/

    #menu1 {  
        color#222;
        margin-top0px;
        margin-left5px;
        margin-right15px;
        width250px;
    }
    .ulmodule_menu>li {    
        color#222;
        padding5px;
        border-radius0px;
        margin-bottom20px;}

    #menu1 .module_menu_titre {
        border-bottom2px solid #E8C455;
        text-transformuppercase;
        letter-spacing0.5px;   
        margin-top5px;
        padding-bottom15px;
        padding-top5px;
        padding-left5px;
        padding-bottom5px;
        color#111;
        text-shadow1px 1px 1px #fff;
        font-size14px;
        font-family"MontserratLight";
        text-aligncenter;
        height28px;
        line-height28px;
    }

    .module_menu_contenu {
        font-family"MontserratLight";
        margin-top7px;
        font-size13px;
        color#222;
        padding5px;
    }
    .module_menu_contenu {
        color#C65B69;
        font-weight normal;
         }

    .module_menu_contenu a:hover {
        color#D57C89;}

    /*-Derniers artciles-*/

    .module_menu_type_lastarticles {
        color#954666;
        padding-left3px;
        padding-top4px;
        padding-bottom4px;
        background#fff;
        border-bottom1px solid #F7EAC1;
        text-alignleft;
        displayinline-block;
        margin-top0px;
        margin-bottom1px;
        width98%;
       }

    .module_menu_type_lastarticles a:hover {
        letter-spacing0.5px;
        color#222;
      background#FCEFE6;
         -webkit-transition-duration450ms;
        -moz-transition-duration450ms;
        transition-duration450ms;
       }

    .module_menu_type_lastarticles a::before content'» ';}

    /*-Derniers commentaire-*/
     .module_menu_type_lastcomments li {
        padding-left3px;
        padding-top3px;
        padding-bottom3px;
         background#fff;
        border-bottom1px solid #efefef;
        color#222;
        text-alignleft;
        displayinline-block;
        margin-top1px;
        margin-bottom2px;    
        font-size12px;
        width99%;
       }

     .module_menu_type_lastcomments li:hover {    
        letter-spacing0.5px;   
        background#FFFAF6;
         -webkit-transition-duration450ms;
        -moz-transition-duration450ms;
        transition-duration450ms;
       }

     .module_menu_type_lastcomments {
            font-size13px;
         color#954666;
    ;
    }

    .module_menu_type_lastcomments {
        font-size12px;
        color#efefef;
    }

    /*-derniers visiteurs-*/

    .module_menu_type_lastvisitors img {
        width40px;
        border-radius40px;
        border1px solid #fff;    
    }

    .module_menu_type_lastvisitors img:hover {
        -webkit-transition-duration300ms;
        -moz-transition-duration300ms;
        transition-duration300ms;
       transformrotate(690deg);
        -ms-transformrotate(690deg);
        -moz-transformrotate(690deg);
        -webkit-transformrotate(690deg);
        -o-transformrotate(690deg);
       opacity0.5;   
    }

    /*--RECHERCHER--*/

    .module_menu_type_search [name="q"{
          border-radius3px;
        width205px;
        border1px solid #999;
        height20px;
        margin-bottom5px;}
     

    .module_menu_type_search [type="submit"{
        font-size12px;
        border-radius2px;
        font-weightnone;
        color#222;
        padding3px 8px 3px 8px;
        border1px solid #999;
        backgroundlinear-gradient(#fff#efefef;
             }

    .module_menu_type_search [type="submit"]:hover {backgroundlinear-gradient(#fff#ECCD6F;}
    .module_menu_type_search {text-aligncenter;}


    /*--NEWSLETTER--*/
    .module_menu_type_newsletter input[name=subscribe{
        border-radius3px;
        width205px;
        border1px solid #999;
        height20px;
        margin-bottom5px;
    }

    .module_menu_type_newsletter [type="submit"{
        font-size12px;
        border-radius2px;
        font-weightnone;
        color#222;
        padding3px 8px 3px 8px;
        border1px solid #999;
       backgroundlinear-gradient(#fff#efefef;
    }
    .module_menu_type_newsletter [type="submit"]:hover {
        backgroundlinear-gradient(#fff#ECCD6F;}

    .module_menu_type_newsletter {
        text-aligncenter;}

    /*-Statistiques-*/
    .module_menu_type_stats {
        width280px;
        positionabsolute;
        bottom40px;
        left50%;
        margin-left140px;
       }

    /*-Artciles-*/
    blockquote {
        margin-left20px;
        border-radius3px;
        margin-right20px;
        color#222;
        border-left5px solid #FFD86F ;
        background#efefef;
        font-size1em;
        text-alignjustify;}

    .article_info {
        letter-spacing1px;
        padding2px;
        color#999;
        font-size7.5px;
        text-aligncenter;
        margin-bottom15px;}

    #content {
        font-family"MontserratLight";
        font-size13.5px;
    }
    .module_titre {    
        backgroundurl(repeat-x fixed  0% 0%,
        url(http://ekladata.com/wbyxIH1MxXSBAZSKWi9QBg9hsVI/Sans-titre-3.pngno-repeat 50% 100%  #fff;
        margin-right10px;
        height35px;
        padding-bottom10px;
        padding-top10px;
        text-aligncenter;
        text-transformuppercase;
        letter-spacing1px;
        font-size13px;
        font-family"MontserratLight";
        color#000;
        }

    .module_contenu {    
        background#fff;
        color#222;
        padding-left20px;
        padding-right10px;
        padding-top10px;
        padding-bottom5px;
        font-size1em;
        text-alignjustify;
        margin-bottom25px;
        margin-right15px;
    }

    .article_text {margin-bottom15px;}

    .module_bottom {height25px;
        background-image url(http://ekladata.com/dJKZjsU_C1jnhQwYpGhC_r4p1aE/fond-marbre-rose.png);}

    .module_titre {color#000;}
    .module_titre a:hover {
        letter-spacing2px;
        color#633A3E;}

    .module_contenu color#C65B69}
    .module_contenu a:hover {color#D57C89;}

    .module_contenu img:hover {opacity0.9;}

    .article_readmore {
        margin-left0px;
       text-aligncenter;
       line-height30px;;
        height30px;
      
        }
    .article_readmore {
        font-size15px;
        text-aligncenter;
     color##6E4148;}


    /*-forumalires commentaires-*/
    #ulmodules form {
        displayflex;
        flex-wrapwrap;
        font-size0px;   
       colortransparent;
        width90%/*largeur du formulaire*/
        marginauto;
    }

    #ulmodules form input,
    #ulmodules form select,
    #ulmodules form textarea{
        colorblack/*couleur du texte dans les champs*/
        font-sizemedium;
        border1px solid #737c4255/*bordure des champs*/
        padding5px 10px;
        border-radius3px/*bords arrondis*/
        background#F0F0F0;
    }

    #ulmodules form input {
        flex 1;
        margin10px;
    }
    #ulmodules form select,
    #ulmodules form textarea{
        width100% !important;
        displayblock;
        margin10px;
    }

    .mce-tinymce{width100% !important}

    #ulmodules form label{
        widthcalc(10040px);
        margin-top6px/*aligner le text avec la checkbox*/
        color#444;  /*couleur du "me prévenir par mail"*/
        font-sizemedium;
        font-size12px
    }

    #ulmodules form input[type=submit]{
        width100%;
        displayblock;
        background#924D52/*couleur du bouton envoyer*/
        color#fff/*couleur du texte du bouton*/
        text-shadownone;
        transition300ms
    }

    #ulmodules form input[type=submit]:hover{
        background#A05E63/*couleur du bouton au survol*/
    }

    /*-commentaire-*/

    a.article_comments_link {
        font-weightbold;
        border-radius5px;
        color#77414E;
        padding2px 5px 2px 5px;}

    .comment_normal.comment_admin {
        margin-top20px;
        width99%;
      }

     div.commentheader {   
        border-radius5px 5px 0px 0px;
        border-left1px solid #EACED3;
        border-top1px solid #EACED3;
        border-right1px solid #EACED3;
        margin-left15px;
        height35px;
        background#F8F8F8;}

    .comment_admin div.commentheader {
          border-left1px solid #E5BA3F;
         border-top1px solid #E5BA3F;
        border-right1px solid #E5BA3F;
        height45px;
        background#F8F8F8;
       }


     div.commentbody {
        border-radius0px 0px 5px 5px;
        margin-left15px;
        text-alignleft;
        color#333;
        padding-top10px;
        padding-right3px;
        padding-left5px;
        padding-bottom5px;
        background-color#F8F8F8;
        text-alignleft;
        margin-bottom25px;
        border-left1px solid #EACED3;
        border-bottom1px solid #EACED3;
        border-right1px solid #EACED3;
    }

    .comment_admin  div.commentbody {
        border-left1px solid #E5BA3F;
         border-bottom1px solid #E5BA3F;
        border-right1px solid #E5BA3F;
       }

     .commentnumber {
        displaynone;
           }


    .commentpseudo {
        margin-left45px;
        font-familyAmaranth;
        color#000;
        font-weightnormal;
        padding-left0px;
        font-size18px;
        floatleft;   
        line-height35px;
        }

    .commentpseudo {
        font-weightnormal;
        line-height28px;
       color#000;
       font-size18px;   
    }

    .commentpseudo a:hover {
        font-weightnormal;
        color#555;
    }
     

     .commentdate {
        line-height35px;
        font-size9px;
        padding-right5px;
        color#888;
    }

     .commentavatar {
        height0px;
        floatleft;
        padding-left0px;
        margin-left-10px;
    }

    .commentavatar img {
        border2px solid #EACED3;
        width55px;
        floatleft;
        positionabsolute;
        margin-top-70px;
        margin-left-20px;
        border-radius100px;
          }

    .comment_admin .commentavatar img {
        border2px solid #E5BA3F;
        width55px;
        floatleft;
        positionabsolute;
        margin-top-70px;
        margin-left-20px;
        border-radius100px;
          }

    .comment-reply {
        margin-left15px;
        background#444;
        colorwhite;
        padding2px 10px 2px 10px;
        border-radius2px;
        margin-bottom5px;
        }

    .comment-reply a:hover {
        margin-left15px;
        background#333;
        colorwhite;
         padding2px 10px 2px 10px;
        border-radius3px;
        margin-bottom5px;}

    .block-reply div.commentheader {
            border-left1px solid #EACED3;
        border-top1px solid #EACED3;
        border-right1px solid #EACED3;
        background#fff;
        margin-top15px;}

    .block-reply div.commentbody {
        border-left1px solid #EACED3;
        border-bottom1px solid #EACED3;
        border-right1px solid #EACED3;
        background#fff;
        padding-left4px;
        color#333;
         }


    .block-reply {
        margin-left25px;
        margin-right5px;
        padding3px;
        border-leftnone;}

    .block-reply .commentavatar {
        height0px;
        z-index1;
        width0px}

    .block-reply  .commentavatar img  {
        z-index1;
        width45px;
        border2px solid #EACED3;
    }

    .block-reply .commentpseudo {
        margin-left30px;
        floatleft;
        }

    .block-reply .comment_admin .commentbody {
        border-left1px solid #E5BA3F;
        border-right1px solid #E5BA3F;
        border-bottom1px solid #E5BA3F;
        background#fff;
       }
    .block-reply .comment_admin .commentheader {
        border-left1px solid #E5BA3F;
        border-right1px solid #E5BA3F;
        border-top1px solid #E5BA3F;
        background#fff;
       }

    .block-reply .comment_admin .commentavatar img  {
        z-index1;
        width45px;
        border2px solid #E5BA3F;
    }


    a.show-replies {color#fff;}
    a.show-replies:hover {colorwhite;}
    a.show-replies::before content' ↓ ';}
    a.show-replies::aftercontent' ↓ ';}

    .show-replies {
        margin-left230px;
        border-radius2px;
        padding-top2px;
        padding-bottom2px;
        padding-left15px;
        padding-right15px;
        background#834457;}

    .show-replies:hover {background#925061;}

    /*Forum*/
    .tag-ontop {colorblackmargin-right2pxborder2px solid #D2E477;}
    #module_contenu_pageforums  td:nth-child(2{text-aligncenterwidth70px;}
    #module_contenu_pageforums  td:nth-child(3{text-aligncenterwidth80px;}

    .post_table_head {
        height27px;
        font-family'arial';
        font-size10px;
        colorgrey;
        text-alignright;
        padding-right10px;
        line-height27px;
        margin-left2px;
        margin-right22px;
        letter-spacing0px;
        }

    .post_table_msg {
        padding-right10px;
        padding-left10px;
        padding-top10px;
        padding-bottom5px;
        background#EEEEEE;
        border-radius10px;  
    }

    .post_table_profile {
        width40px;
        padding5px;
    }

    .post_table_profile {padding-top5px;
        margin-left0px;
        margin-top-5px;
        displayblock;
        font-familyverdana;
        font-size15px;
        font-weight bold;
        letter-spacing0px;
        color#444444;
        text-shadow1px 1px 2px white;
       
    }

    .post_table_profile a:hover {
        font-weight bold;
        color#FF4042;}

    .post_table_profile img {
        border-radius60px;
        positionrelative;
        top-5px;
        left-5px;
        width60px;
        height60px;
        border3px solid #EEEEEE;
        margin0px 5px 10px 7px;
    }
    /*-footer-*/

    #footer {
        text-aligncenter;
        backgroundwhite;
        height30px;
    }

    #footer {
       line-height30px;
        color#7D3A50;
        text-aligncenter;
        font-size11px;

    }

    #footer::after {
        font-size11px;
        content"Thème by Kalyna";
        color#333;
        }

    /*--PAGNIATION--*/
    .pagination {
        font-weightbold;
        border-radius5px;
        font-size11px;}

    .pagination span {
        font-weightbold;
        colorblack;
        background#F0F0F0;
        box-shadow1px 1px 1px #666;
        border-radius5px;
        padding4px 6px 4px 6px;;
        text-shadow0px 0px 3px white;
        font-size15px;
        font-weightnormal;}

    .pagination {
        font-weightbold;
        border-radius5px;
        background#F0F0F0;
        padding2px 10px 2px 10px;
        colorgrey;}

    .pagination a:hover {
        color#333;
        bordernone;
        background#CFCFCF;}

    /*Haut - bas de page*/
       
    #id1{positionfixed;
        right5px;
        bottom280px;
        opacity0.5;}
       
    #id2{positionfixed;
        right5px;
        bottom330px;
        opacity0.5;}

    #id1:hover {opacity1;}
    #id2:hover {opacity1;}

    /*-Menubar-*/
    .menubar_button
    .menubar_section:hover,
    .menubar_section,
    .menubar_separation,
    .menubar_button,
    #menubar_logo,
    #menubar_favorites backgroundnone;}

    #menubar#menubar {color#333333;}

    #notifications_panel .notif_date {
        color#FDDD80}

    #notifications_panel span strong {
        font-weightbold;
        color#A6466B}

    .menubar_section li {
               background:url("http://ekladata.com/AhnD09a8gvLqkX2tHyheMMKszvo/1-1.png")no-repeat;  }
    .menubar_section li:last-child {
               background:url("http://ekladata.com/uN4_ICjEM1mplAKs0DNipQ3FS74/2-1.png")no-repeat ;   }

    .menubar_section:hover div{
                     backgroundlinear-gradient(#777#111);}
    /*-FENETRES-*/

    .window_title {
        line-height30px;
        font-size15px;
       background#222;
        }

    .window_handle_left {border-radius10px 0px 0px 0px;
     background#222;
        }

    .window_handle_right {border-radius0px 10px 0px 0px;
        background#222;
        }
    .window_content_wrapper1 {background#222;}
    .window_content_wrapper2 {background#222;}
    .window_bottom_wrapper1 {background#222border-radius0px 0px 5px 5px;}
    .window_bottom_wrapper2 {background#222;}
    .window_bottom {background#222}
    .window_tabs {background#F8EDCD;}


     

    Code HTML

    • Fléches monter & descendre à coller dans le code source d'un module simple ou statistiques :

    <p><a title="#footer" href="#footer"><img id="id1" src="http://ekladata.com/98bA9zliZzx7riWPOhgChEmy-IU/icons8-chevron-droit-48.png" alt="" width="32" height="32" /></a> <a title="#top" href="#top"><img id="id2" src="http://ekladata.com/qZA9B6DUeRaTySk81-4zQlHMhKg/icons8-chevron-droit-48.png" alt="" width="32" height="32" /></a></p>

     

    V2. Code sans menu

    Thème flowers

    Thème flowers

    1. En bas de page, vous trouverez les modules : Derniers artciles, derniers visiteurs, Rechercher et derniers commentaire.
    2. En rouge dans le code, l'identeifiant du titre du module derniers viviteurs à changer. Pour savoir comment trouver l'id de votre module, rendez-vous ICI. Si vous avez besoin d'aide, n'hesitez pas à me le signaler en commentaire ou par MP.

     

     

    *-Polices-*/
    @font-face {font-family"MontserratLight";
    srcurl('http://ekladata.com/9KQACRzGF2mY8oYLz6kp-KzTAss/Montserrat-Light.otf');}
    @font-face {font-family"Dancing in the rainbow";
        srcurl('http://ekladata.com/sdaoztnXxN2yM4F2JdeIzXUnObE/Dancing-in-the-Rainbow.ttf');}
    @font-face {font-family"Amaranth";
    srcurl('http://ekladata.com/kcnCMVtgkGZrvOqrY4gCOuXCyV8/Amaranth.otf');}

    /*-Scrollbar/Selection-*/

    ::-webkit-scrollbar {
        width10px;
        height0px;
    }

    ::-webkit-scrollbar-track {
        background-color#ffffff;
    }
     
    ::-webkit-scrollbar-thumb {
        background-color#984969;
    }

    ::selection background#E5C8C0color#000;}
    ::-moz-selection {background#E5C8C0;  color#000;}

    /*-bulles info-*/
    #help_bubble {backgroundrgba(17,17,17,0.85);
        color#c0c0c0;
        border0px solid #c0c0c0;
        padding4px 8px 4px 8px;
    }
    #help_bubble strong {color#ECCD6F;}

    /*-BLOG-*/
    #body {
        backgroundurl(no-repeat 0% -90px,
            url(http://ekladata.com/hP2TD1Rt277riwqOlzLjNxG_Fao/coin1.pngno-repeat 0% 0%,
            url(http://ekladata.com/zn72rvYz_XDlh114Hmqw_G_ZphQ/coin22.pngno-repeat 100% -5px,
            url(http://ekladata.com/lK3ub-wY0eL6bPj1BH8Vw7PWZDk/haut.pngno-repeat 50% 0%,
            url(http://ekladata.com/kzrZ4X3fjyNd6n0WUVXuheEiMwI/bas.pngno-repeat 30% 150px,
            url(http://ekladata.com/9p1SdtJuyz0dy894_BP4Ms0MZYo/fond-head.pngrepeat-x 50% 0px,
            url(http://ekladata.com/LVBPIvsT6m0P4ucD8CaK-i8Q2Ow/fondwhite.pngrepeat-y fixed 50% 350px,
            url(http://ekladata.com/45hKOvLK9NI-C9HTzasKQ-edzRM/fond-marbre-rose2.pngrepeat fixed 0% 0px;}

    #background {  
      font-family"MontserratLight";
        width1000px;    
    }

    #background img:hover {
       opacity0.8;    
    }

    /*-HEADER-*/
    #header {
        margin-bottom100px;
        height300px}

    #titre_header {
     
      }

    #titre_header {
        letter-spacing0px;
        font-weightnormal;
        font-family"Dancing in the rainbow";
        font-size6em;
        letter-spacing5px;
        colorblack;
        text-shadowrgb(2552552552px 0px 0pxrgb(2552552551.75517px 0.958851px 0pxrgb(2552552551.0806px 1.68294px 0pxrgb(2552552550.141474px 1.99499px 0pxrgb(255255255-0.832294px 1.81859px 0pxrgb(255255255-1.60229px 1.19694px 0pxrgb(255255255-1.97998px 0.28224px 0pxrgb(255255255-1.87291px -0.701566px 0pxrgb(255255255-1.30729px -1.5136px 0pxrgb(255255255-0.421592px -1.95506px 0pxrgb(2552552550.567324px -1.91785px 0pxrgb(2552552551.41734px -1.41108px 0pxrgb(2552552551.92034px -0.558831px 0px;}

    #titre_header a:hover {
        color#7D3A50;
        -webkit-transition-duration700ms;
        -moz-transition-duration700ms;
        transition-duration700ms;}

    #slogan_header {
        font-family"Open sans light";
        widthauto;
        left50%;
        margin-left-120px;
        top180px;
        letter-spacing2px;
        text-aligncenter;
        font-weightnone;
        font-size13px;
        line-height15px;
        color#444;
    }

    #slogan_header:hover {    
        letter-spacing4px;
          -webkit-transition-duration700ms;
        -moz-transition-duration700ms;
        transition-duration700ms;

    }

    /*-Menu en-tête-*/
    #menu {  
        background-image url(http://ekladata.com/dJKZjsU_C1jnhQwYpGhC_r4p1aE/fond-marbre-rose.png);   
        text-aligncenter;
        width100%;
        border-top1px solid #999;
        border-bottom1px solid #999;
        height30px;
        ligne-height30px;
        top300px;
        right0px;
    }

    #menu {  
        widthauto;
        margin-left35px;
        font-family"Open sans Light";  
        font-size17px;
        letter-spacing1px;
        text-transformuppercase;
        color#222;
        line-height30px;
        height30px;
        text-aligncenter;
    }

    #menu a:hover {  
        color#B34872;
        -webkit-transition-duration300ms;
        -moz-transition-duration300ms;
        transition-duration300ms;}

    ul#menu ul {    
        width150px;
       border1px solid #efefef;
    }

    ul#menu ul {  
        font-size13px;
        border-bottom1px solid #efefef;
        background#fff;
        height25px;
         line-height25px;
        text-alignleft;
        padding-left10px;
    }

    ul#menu ul a:hover {
        background#FFF6F1;
        font-weight bold;
        text-alignleft;
        padding-left15px;  -webkit-transition-duration450ms;
        -moz-transition-duration450ms;
        transition-duration450ms;
    }

    /*-Menu 1-*/

    #menu1 {  
        color#222;
        margin-top0px;
        margin-left0px;
        margin-right0px;
        width0px;
    }
    .ulmodule_menu>li {    
        color#222;
        padding5px;
        border-radius0px;
        margin-bottom20px;}

    #menu1 .module_menu_titre {
        border-bottom2px solid #E8C455;
        text-transformuppercase;
        letter-spacing0.5px;   
        margin-top5px;
        padding-bottom15px;
        padding-top5px;
        padding-left5px;
        padding-bottom5px;
        color#111;
        text-shadow1px 1px 1px #fff;
        font-size14px;
        font-family"MontserratLight";
        text-aligncenter;
        height28px;
        line-height28px;
    }

    .module_menu_contenu {
        font-family"MontserratLight";
        margin-top7px;
        font-size13px;
        color#222;
        padding5px;
    }
    .module_menu_contenu {
        color#C65B69;
        font-weight normal;
         }

    .module_menu_contenu a:hover {
        color#D57C89;}

    /*-Derniers artciles-*/
    .module_menu_type_lastarticles {
        width280px;
        positionabsolute;
        bottom30px;
        left50%;
        margin-left-480px;
        text-aligncenter;}

    .module_menu_type_lastarticles {
        color#954666;
        padding-left3px;
        padding-top4px;
        padding-bottom4px;
        background#fff;
        border-bottom1px solid #F7EAC1;
        text-alignleft;
        displayinline-block;
        margin-top0px;
        margin-bottom1px;
        width98%;
       }

    .module_menu_type_lastarticles a:hover {
        letter-spacing0.5px;
        color#222;
      background#FCEFE6;
         -webkit-transition-duration450ms;
        -moz-transition-duration450ms;
        transition-duration450ms;
       }

    .module_menu_type_lastarticles a::before content'» ';}

    /*-Derniers commentaire-*/

    .module_menu_type_lastcomments {
        width280px;
        positionabsolute;
        bottom30px;
        left50%;
        margin-left-180px;
        text-aligncenter;}

     .module_menu_type_lastcomments li {
        padding-left3px;
        padding-top3px;
        padding-bottom3px;
         background#fff;
        border-bottom1px solid #efefef;
        color#222;
        text-alignleft;
        displayinline-block;
        margin-top1px;
        margin-bottom2px;    
        font-size12px;
        width99%;
       }

     .module_menu_type_lastcomments li:hover {    
        letter-spacing0.5px;   
        background#FFFAF6;
         -webkit-transition-duration450ms;
        -moz-transition-duration450ms;
        transition-duration450ms;
       }

     .module_menu_type_lastcomments {
            font-size13px;
         color#954666;
    ;
    }

    .module_menu_type_lastcomments {
        font-size12px;
        color#efefef;
    }
    /*-derniers visiteurs-*/
    #module_menu_titre148372324 {displaynone;}

    .module_menu_type_lastvisitors {
        width50px;
        positionabsolute;
        bottom0px;
        left50%;
        margin-left430px;
        text-aligncenter;}

    .module_menu_type_lastvisitors img {
        width35px;
        margin-bottom5px;
        border-radius40px;
        border1px solid #fff;    
    }

    .module_menu_type_lastvisitors img:hover {
        -webkit-transition-duration300ms;
        -moz-transition-duration300ms;
        transition-duration300ms;
       transformrotate(690deg);
        -ms-transformrotate(690deg);
        -moz-transformrotate(690deg);
        -webkit-transformrotate(690deg);
        -o-transformrotate(690deg);
       opacity0.5;   
    }

    /*--RECHERCHER--*/

    .module_menu_type_search [name="q"{
          border-radius3px;
        width205px;
        border1px solid #999;
        height20px;
        margin-bottom5px;}
     

    .module_menu_type_search [type="submit"{
        font-size12px;
        border-radius2px;
        font-weightnone;
        color#222;
        padding3px 8px 3px 8px;
        border1px solid #999;
        backgroundlinear-gradient(#fff#efefef;
             }

    .module_menu_type_search [type="submit"]:hover {backgroundlinear-gradient(#fff#ECCD6F;}
    .module_menu_type_search {
        width280px;
        positionabsolute;
        bottom170px;
        left50%;
        margin-left140px;
       text-aligncenter;}


    /*--NEWSLETTER--*/
    .module_menu_type_newsletter input[name=subscribe{
        border-radius3px;
        width205px;
        border1px solid #999;
        height20px;
        margin-bottom5px;
    }

    .module_menu_type_newsletter [type="submit"{
        font-size12px;
        border-radius2px;
        font-weightnone;
        color#222;
        padding3px 8px 3px 8px;
        border1px solid #999;
       backgroundlinear-gradient(#fff#efefef;
    }
    .module_menu_type_newsletter [type="submit"]:hover {
        backgroundlinear-gradient(#fff#ECCD6F;}

    .module_menu_type_newsletter {
        text-aligncenter;}


    /*-Artciles-*/
    blockquote {
        margin-left20px;
        border-radius3px;
        margin-right20px;
        color#222;
        border-left5px solid #FFD86F ;
        background#efefef;
        font-size1em;
        text-alignjustify;}

    .article_info {
        letter-spacing1px;
        padding2px;
        color#999;
        font-size7.5px;
        text-aligncenter;
        margin-bottom15px;}

    #content {
        font-family"MontserratLight";
        font-size13.5px;
        margin-right0px;
    }
    .module_titre {    
        backgroundurl(repeat-x fixed  0% 0%,
        url(http://ekladata.com/wbyxIH1MxXSBAZSKWi9QBg9hsVI/Sans-titre-3.pngno-repeat 50% 100%  #fff;
        margin-right10px;
        height35px;
        padding-bottom10px;
        padding-top10px;
        text-aligncenter;
        text-transformuppercase;
        letter-spacing1px;
        font-size13px;
        font-family"MontserratLight";
        color#000;
        }

    .module_contenu {    
        background#fff;
        color#222;
        padding-left20px;
        padding-right10px;
        padding-top10px;
        padding-bottom5px;
        font-size1em;
        text-alignjustify;
        margin-bottom25px;
        margin-right15px;
    }

    .article_text {margin-bottom15px;}

    .module_bottom {height25px;
        background-image url(http://ekladata.com/dJKZjsU_C1jnhQwYpGhC_r4p1aE/fond-marbre-rose.png);}

    .module_titre {color#000;}
    .module_titre a:hover {
        letter-spacing2px;
        color#633A3E;}

    .module_contenu color#C65B69}
    .module_contenu a:hover {color#D57C89;}

    .module_contenu img:hover {opacity0.9;}

    .article_readmore {
        margin-left0px;
       text-aligncenter;
       line-height30px;;
        height30px;
      
        }
    .article_readmore {
        font-size15px;
        text-aligncenter;
     color##6E4148;}
    /*-forumalires commentaires-*/
    #ulmodules form {
        displayflex;
        flex-wrapwrap;
        font-size0px;   
       colortransparent;
        width90%/*largeur du formulaire*/
        marginauto;
    }

    #ulmodules form input,
    #ulmodules form select,
    #ulmodules form textarea{
        colorblack/*couleur du texte dans les champs*/
        font-sizemedium;
        border1px solid #737c4255/*bordure des champs*/
        padding5px 10px;
        border-radius3px/*bords arrondis*/
        background#F0F0F0;
    }

    #ulmodules form input {
        flex 1;
        margin10px;
    }
    #ulmodules form select,
    #ulmodules form textarea{
        width100% !important;
        displayblock;
        margin10px;
    }

    .mce-tinymce{width100% !important}

    #ulmodules form label{
        widthcalc(10040px);
        margin-top6px/*aligner le text avec la checkbox*/
        color#444;  /*couleur du "me prévenir par mail"*/
        font-sizemedium;
        font-size12px
    }

    #ulmodules form input[type=submit]{
        width100%;
        displayblock;
        background#924D52/*couleur du bouton envoyer*/
        color#fff/*couleur du texte du bouton*/
        text-shadownone;
        transition300ms
    }

    #ulmodules form input[type=submit]:hover{
        background#A05E63/*couleur du bouton au survol*/
    }

    /*-commentaire-*/

    a.article_comments_link {
        font-weightbold;
        border-radius5px;
        color#77414E;
        padding2px 5px 2px 5px;}

    .comment_normal.comment_admin {
        margin-top20px;
        width99%;
      }

     div.commentheader {   
        border-radius5px 5px 0px 0px;
        border-left1px solid #EACED3;
        border-top1px solid #EACED3;
        border-right1px solid #EACED3;
        margin-left15px;
        height35px;
        background#F8F8F8;}

    .comment_admin div.commentheader {
          border-left1px solid #E5BA3F;
         border-top1px solid #E5BA3F;
        border-right1px solid #E5BA3F;
        height45px;
        background#F8F8F8;
       }


     div.commentbody {
        border-radius0px 0px 5px 5px;
        margin-left15px;
        text-alignleft;
        color#333;
        padding-top10px;
        padding-right3px;
        padding-left5px;
        padding-bottom5px;
        background-color#F8F8F8;
        text-alignleft;
        margin-bottom25px;
        border-left1px solid #EACED3;
        border-bottom1px solid #EACED3;
        border-right1px solid #EACED3;
    }

    .comment_admin  div.commentbody {
        border-left1px solid #E5BA3F;
         border-bottom1px solid #E5BA3F;
        border-right1px solid #E5BA3F;
       }

     .commentnumber {
        displaynone;
           }


    .commentpseudo {
        margin-left45px;
        font-familyAmaranth;
        color#000;
        font-weightnormal;
        padding-left0px;
        font-size18px;
        floatleft;   
        line-height35px;
        }

    .commentpseudo {
        font-weightnormal;
        line-height28px;
       color#000;
       font-size18px;   
    }

    .commentpseudo a:hover {
        font-weightnormal;
        color#555;
    }
     

     .commentdate {
        line-height35px;
        font-size9px;
        padding-right5px;
        color#888;
    }

     .commentavatar {
        height0px;
        floatleft;
        padding-left0px;
        margin-left-10px;
    }

    .commentavatar img {
        border2px solid #EACED3;
        width55px;
        floatleft;
        positionabsolute;
        margin-top-70px;
        margin-left-20px;
        border-radius100px;
          }

    .comment_admin .commentavatar img {
        border2px solid #E5BA3F;
        width55px;
        floatleft;
        positionabsolute;
        margin-top-70px;
        margin-left-20px;
        border-radius100px;
          }

    .comment-reply {
        margin-left15px;
        background#444;
        colorwhite;
        padding2px 10px 2px 10px;
        border-radius2px;
        margin-bottom5px;
        }

    .comment-reply a:hover {
        margin-left15px;
        background#333;
        colorwhite;
         padding2px 10px 2px 10px;
        border-radius3px;
        margin-bottom5px;}

    .block-reply div.commentheader {
            border-left1px solid #EACED3;
        border-top1px solid #EACED3;
        border-right1px solid #EACED3;
        background#fff;
        margin-top15px;}

    .block-reply div.commentbody {
        border-left1px solid #EACED3;
        border-bottom1px solid #EACED3;
        border-right1px solid #EACED3;
        background#fff;
        padding-left4px;
        color#333;
         }


    .block-reply {
        margin-left25px;
        margin-right5px;
        padding3px;
        border-leftnone;}

    .block-reply .commentavatar {
        height0px;
        z-index1;
        width0px}

    .block-reply  .commentavatar img  {
        z-index1;
        width45px;
        border2px solid #EACED3;
    }

    .block-reply .commentpseudo {
        margin-left30px;
        floatleft;
        }

    .block-reply .comment_admin .commentbody {
        border-left1px solid #E5BA3F;
        border-right1px solid #E5BA3F;
        border-bottom1px solid #E5BA3F;
        background#fff;
       }
    .block-reply .comment_admin .commentheader {
        border-left1px solid #E5BA3F;
        border-right1px solid #E5BA3F;
        border-top1px solid #E5BA3F;
        background#fff;
       }

    .block-reply .comment_admin .commentavatar img  {
        z-index1;
        width45px;
        border2px solid #E5BA3F;
    }


    a.show-replies {color#fff;}
    a.show-replies:hover {colorwhite;}
    a.show-replies::before content' ↓ ';}
    a.show-replies::aftercontent' ↓ ';}

    .show-replies {
        margin-left230px;
        border-radius2px;
        padding-top2px;
        padding-bottom2px;
        padding-left15px;
        padding-right15px;
        background#834457;}

    .show-replies:hover {background#925061;}

    /*Forum*/
    .tag-ontop {colorblackmargin-right2pxborder2px solid #D2E477;}
    #module_contenu_pageforums  td:nth-child(2{text-aligncenterwidth70px;}
    #module_contenu_pageforums  td:nth-child(3{text-aligncenterwidth80px;}

    .post_table_head {
        height27px;
        font-family'arial';
        font-size10px;
        colorgrey;
        text-alignright;
        padding-right10px;
        line-height27px;
        margin-left2px;
        margin-right22px;
        letter-spacing0px;
        }

    .post_table_msg {
        padding-right10px;
        padding-left10px;
        padding-top10px;
        padding-bottom5px;
        background#EEEEEE;
        border-radius10px;  
    }

    .post_table_profile {
        width40px;
        padding5px;
    }

    .post_table_profile {padding-top5px;
        margin-left0px;
        margin-top-5px;
        displayblock;
        font-familyverdana;
        font-size15px;
        font-weight bold;
        letter-spacing0px;
        color#444444;
        text-shadow1px 1px 2px white;
       
    }

    .post_table_profile a:hover {
        font-weight bold;
        color#FF4042;}

    .post_table_profile img {
        border-radius60px;
        positionrelative;
        top-5px;
        left-5px;
        width60px;
        height60px;
        border3px solid #EEEEEE;
        margin0px 5px 10px 7px;
    }
    /*-footer-*/

    #footer {
        text-aligncenter;
        background#fff;
        height350px;
    }

    #footer {
       line-height680px;
        color#7D3A50;
        text-aligncenter;
        font-size11px;

    }

    #footer::after {
        font-size11px;
        content"Thème by Kalyna";
        color#333;
        }

    /*--PAGNIATION--*/
    .pagination {
        font-weightbold;
        border-radius5px;
        font-size11px;}

    .pagination span {
        font-weightbold;
        colorblack;
        background#F0F0F0;
        box-shadow1px 1px 1px #666;
        border-radius5px;
        padding4px 6px 4px 6px;;
        text-shadow0px 0px 3px white;
        font-size15px;
        font-weightnormal;}

    .pagination {
        font-weightbold;
        border-radius5px;
        background#F0F0F0;
        padding2px 10px 2px 10px;
        colorgrey;}

    .pagination a:hover {
        color#333;
        bordernone;
        background#CFCFCF;}

    /*Haut - bas de page*/
       
    #id1{positionfixed;
        right5px;
        bottom280px;
        opacity0.5;}
       
    #id2{positionfixed;
        right5px;
        bottom330px;
        opacity0.5;}

    #id1:hover {opacity1;}
    #id2:hover {opacity1;}

    /*-Menubar-*/
    .menubar_button
    .menubar_section:hover,
    .menubar_section,
    .menubar_separation,
    .menubar_button,
    #menubar_logo,
    #menubar_favorites backgroundnone;}

    #menubar#menubar {color#333333;}

    #notifications_panel .notif_date {
        color#FDDD80}

    #notifications_panel span strong {
        font-weightbold;
        color#A6466B}

    .menubar_section li {
               background:url("http://ekladata.com/AhnD09a8gvLqkX2tHyheMMKszvo/1-1.png")no-repeat;  }
    .menubar_section li:last-child {
               background:url("http://ekladata.com/uN4_ICjEM1mplAKs0DNipQ3FS74/2-1.png")no-repeat ;   }

    .menubar_section:hover div{
                     backgroundlinear-gradient(#777#111);}
    /*-FENETRES-*/

    .window_title {
        line-height30px;
        font-size15px;
       background#222;
        }

    .window_handle_left {border-radius10px 0px 0px 0px;
     background#222;
        }

    .window_handle_right {border-radius0px 10px 0px 0px;
        background#222;
        }
    .window_content_wrapper1 {background#222;}
    .window_content_wrapper2 {background#222;}
    .window_bottom_wrapper1 {background#222border-radius0px 0px 5px 5px;}
    .window_bottom_wrapper2 {background#222;}
    .window_bottom {background#222}
    .window_tabs {background#F8EDCD;}


  • Commentaires

    1
    Samedi 17 Juin 2023 à 14:32
    Trop beau! Je peux le prendre?
    • Voir les réponses
    2
    Mardi 20 Juin 2023 à 12:02

    J'aime vraiment beaucoup, très raffiné! Bravo! 

    • Voir les réponses
    3
    Mardi 24 Octobre 2023 à 15:05

    Bonjour. Je me baladais un peu sur ton blog pour m'aider à améliorer le mien avant l'ouverture officielle. Je tiens à te remercier pour les codes qui aident beaucoup. Très joli blog !

    • Voir les réponses
    Suivre le flux RSS des commentaires

    Vous devez être connecté pour commenter