• Thèmes en libre service (LS)

    Merci de créditer avant de prendre les thèmes, et aussi d'aller lire le règlement.

    11 thèmes en libre service pour l'instant

    Si vous préférez quelque chose de plus personnel, vous pouvez toujours passer une commande (dans le cas où les commandes de thèmes sont acceptées). Vous pouvez aussi tout simplement me contacter en mp. Si je suis disponible je suis prête à vous conseiller à défaut de réaliser entièrement votre design.

    Vous pouvez essayer les thèmes avec le blog de démonstration d'eklablog (sans oubliez de toujours remettre toutes les valeurs à zéro avant d'appliquer les codes) !

     

     

  • EMSIHPARG V.14 (octobre 2015 à février 2016)

    Thème en libre service #12 - Geekgirl/EMSIHPARG V.11

     

    Les Codes

    @font-face {font-family"Tech";
    srcurl('http://ekladata.com/qR2WTZxg0DqfEUN5GELl4hugSd0/technott.ttf');}
     
    @font-face {font-family"Mathilde";
    srcurl('http://ekladata.com/klgAchlmwlokSxsTV-_5RethQN4/mathilde.ttf');}
     
    @font-face {font-family"Quick";
    srcurl('http://ekladata.com/zUTeK2m3I5AtgfKlNhO36Urdoew/Quicksand-Regular.otf');}
     
    ::-moz-selection colorwhite;  background#a0cb63}
    ::selection      colorwhite;  background#a0cb63}
     
        
    /*--fond fenêtre--*/
    #body {word-wrapbreak-word;
    backgroundurl('http://ekladata.com/8hO1Bl1CNyhVtLMKuK7WUpTNrAg.jpg'50% 0% fixed;}
    #body {text-decorationnone;}
     
    /*--fond page--*/
    #background {width1060px;
    backgroundurl('http://ekladata.com/sTHt8SS88z7QaZ553O3d--HdhmA.png'50% 0% repeat-y;}
     
    /*--header--*/
    #header {height500px;
    backgroundurl('http://ekladata.com/-zcd25RZjgagAEQkdKDwFflUQdk.png'50% 0% no-repeat;}
     
    #titre_header {}
     
    #titre_header {displayflex;
        align-itemsflex-end;
        justify-contentcenter;
        font-weightnormal;
        margin-left35px;
        font-familyTech;
        letter-spacing20pt;
    width1000px;
    height445px;
      
        --gold17314474;
        color#f6d66f;
       text-shadow:
            1px #c2b95c,
            2px #a7873c,
            3px #836e39,
            4px #5f5531,
            5px #4b4427,
            6px 1px rgba(var(--gold),.1),
            5px rgba(var(--gold),.1),
            1px 3px rgba(var(--gold),.3),
            3px 5px rgba(var(--gold),.3),
            5px 10px rgba(var(--gold),.25),
            10px 10px rgba(var(--gold),.2),
            20px 20px rgba(var(--gold),.15);
        font-sizecalc(45vw 10)    
    }
     
    #titre_header a:hover {color#f5e8bc;
        text-decorationnone;}
     
    #header-link {}
     
    /*--menu header--*/
    #menu {displayflex;
        positionabsolute;
        margin-left10px;
        top445px;
    width990px;
        height46px;
        align-itemscenter;
    color#cad3a4;
    text-shadow2px 2px 0px #191917;}
     
    #menu {
        color#cad3a4;
    text-shadow2px 2px 0px #191917;
    displayinline-block;
    width100%;
        height100%;
    font-family'Tech';
    font-size15pt;
        text-aligncenter;
        margin-left25px;
    line-height130%;}
     
    #menu a:hover {background#414435;
        color#a0a780;
        text-shadow2px 2px 0px #1e1d19;
    border-radius15px;
        box-shadowinset 2px 2px 0px #1e1d19;}
     
    /*--menu1--*/
     
    #menu1 {width0px;}
    #menu1 {}
    #menu1 a:hover {colorrgba(255,255,255,0.7);}
     
    #menu1 .module_menu_titre {
    font-family'Mathilde';
    height100%;
    margin-bottom-25px;
    color#27200e;}
     
    #menu1 .module_menu_contenu {font-family'Quick';}
     
    /*--recherche--*/
    .module_menu_type_search [type="submit"{displaynone;}
     
    .module_menu_type_search input[type="text"{
        height27px;
        bordernone!important;
        border-radius5px;
     padding-left34px!important;
        margin0px;
        colorwhite!important;
    background-imageurl('http://ekladata.com/6jFBWyEHhaV0PjMfYv2n8SzhoXY.png')!important;
    backgroundrgba(0,0,0,0.3);
    width0;
                       -webkit-transition-duration0.7s;
                       -moz-transition-duration0.7s;
                       transition-duration0.7s}
     
    .module_menu_type_search input[type="text"]:hover {colorwhite;
        width275px;
                       -webkit-transition-duration0.6s;
                       -moz-transition-duration0.6s;
                       transition-duration0.6s}
     
    .module_menu_type_search input[type=text].module_menu_type_search select.module_menu_type_search textarea {
    }
     
     
    #background input[type=text]#background select#background textarea {
    }
     
    .module_menu_type_search {positionabsolute;
    top80px;
    margin-left100px;}
     
    /*--module dernier visiteurs--*/
    .module_menu_type_lastvisitors {}
     
    .module_menu_type_lastvisitors img {}
     
    .module_menu_type_lastvisitors img:hover{}
     
    /*-dernier article-*/
    .module_menu_type_lastarticles .module_menu_titre {
        font-size35pt;}
    .module_menu_type_lastarticles {positionabsolute;
    bottom0px;
    margin-left700px;
    width310px;}
     
    .module_menu_type_lastarticles .module_menu_contenu {
        margin-top8px;
        height200px;}
     
    .module_menu_type_lastarticles {}
     
    .module_menu_type_lastarticles {color#4b835e;}
    .module_menu_type_lastarticles a:hover {}
     
    .module_menu_type_html {}
    .module_menu_type_html a:hover {}
     
    .module_menu_type_stats {positionabsolute;
    margin-left950px;
    top525px;}
    .module_menu_type_stats {}
    .module_menu_type_stats a:hover {}
     
    /*- dernier commentaire -*/
    .module_menu_type_lastcomments .module_menu_titre {
        font-size35pt;}
     
    .module_menu_type_lastcomments .module_menu_content {
    margin-top20px;
        max-height100px!important;
    overflowauto;}
     
    .module_menu_type_lastcomments {
        positionabsolute;
    bottom0px;
    margin-left375px;
    width310px;}
     
    .module_menu_type_lastcomments {}
     
    .module_menu_type_lastcomments {color#4b835e;}
    .module_menu_type_lastcomments a:hover {}
     
    /*- dernier sujet -*/
    .module_menu_type_lasttopics .module_menu_titre {
        font-size35pt;}


    .module_menu_type_lasttopics {positionabsolute;
    bottom0px;
    margin-left55px;
    width310px;}
     
    .module_menu_type_lasttopics {color#4b835e;}
     
    .module_menu_type_lasttopics .module_menu_contenu {
    height200px;
        margin-top8px;
    overflowhidden;}
     
    .module_menu_type_lasttopics {}
     
    /*--module dernier visiteurs--*/
    .module_menu_type_lastvisitors {positionabsolute;
    bottom240px;
    margin-left190px;}
     
    .module_menu_type_lastvisitors .module_menu_titre {
    font-size56pt;
    margin-left590px;}
     
    .module_menu_type_lastvisitors img {width80px;
    height80px;
    border-radius100px;
          -webkit-filtersepia(1);
          -moz-filtersepia(1);
          -o-filtersepia(1);
          filtersepia(1);
    border1px solid #90783e;
    box-shadow0px 0px 7px #2a261e;
    margin8px;
        -webkit-transition-duration0.7s;
                       -moz-transition-duration0.7s;
                       transition-duration0.7s}
     
    .module_menu_type_lastvisitors img:hover{
          -webkit-filtersepia(0);
          -moz-filtersepia(0);
          -o-filtersepia(0);
          filtersepia(0);
                       -webkit-transition-duration0.7s;
                       -moz-transition-duration0.7s;
                       transition-duration0.7s}
     
     
    /*--article--*/
    #content {width980px;
    margin-left40px;}
     
    .module_titre_contenu.module_titre_contenu {font-family'Mathilde';
    font-size44pt;
    letter-spacing0.5pt;
    height100%;
    color#535339;
    text-shadow1px 1px 0px #f5ebd3;
    line-height50%;
    margin-top30px;
    margin-bottom10px;
    font-weightbold;}
    .module_titre_contenu:hover.module_titre_contenu a:hover {}
    .module_titre_contenu {padding-left80px;}
     
    .article_info {displaynone;}
    .article_info {}
    .article_info a:hover {}
     
    .module_contenu {font-family'Quick';
    font-size10.3pt;
    width905px;
    margin-left38px;}
     
    .article_text {}
    .module_contenu {color#dd2e27;}
    .module_contenu a:hover {color#96ba3d;}
    .module_bottom {}
     
     
    /*--commentaire--*/
    .comment_normal.comment_admin {width850px;
    margin-leftautomargin-rightauto;
    margin-top35px;}
     
    div.commentheader {}
     
    div.commentbody {}
     
    .commentbody {width780px;
    font-size10pt;}
     
    .commentnumber {positionabsolute;
        margin-left780px;
        margin-top12px;
        z-index7;
        width70px;
        height55px;
        border-radius5px 22px 30px 9px;
    -ms-transformrotate(5deg)/* IE 9 */
        -webkit-transformrotate(5deg)/* Chrome, Safari, Opera */
        transformrotate(5deg);
    backgroundrgba(0,0,0,0.4);
    colorwhite;
    font-size20pt;
        text-aligncenter;
    padding-top15px;
                       -webkit-transition-duration0.7s;
                       -moz-transition-duration0.7s;
                       transition-duration0.7s}
     
    .commentnumber:hover {
            backgroundrgba(0,0,0,0);
                       -webkit-transition-duration0.7s;
                       -moz-transition-duration0.7s;
                       transition-duration0.7s}
     
    .commentpseudo {font-family'tech';
    font-size14pt;
    color#564e42;
    -ms-transformrotate(-5deg)/* IE 9 */
        -webkit-transformrotate(-5deg)/* Chrome, Safari, Opera */
        transformrotate(-5deg);
    positionabsolute;
    margin-left-15px;
    margin-top-15px;}
     
    .commentpseudo img {displaynone;}
    .comment_admin .commentpseudo {color#564e42;}
    .comment_normal .commentpseudo {color#564e42;}
    .commentpseudo {}
    .commentpseudo a:hover {color#4b9e58;}
     
    .commentdate {font-size7pt;
    text-alignleft;
    positionrelative;
    left-680px;
    top5px;}
     
    .commentavatar {}
     
    .commentavatar img {width70px;
        height70px;
        border-radius5px 22px 30px 9px;
    -ms-transformrotate(5deg)/* IE 9 */
        -webkit-transformrotate(5deg)/* Chrome, Safari, Opera */
        transformrotate(5deg);}
    .commentavatar img:hover {}
     
    .comment-reply {background#c8504d;
    text-transformuppercase;
    font-weightbold;
    font-size10pt;
    letter-spacing1pt;
    padding2px 7px 1px 7px!important;
    border1px solid #694844;
    text-shadow1px 1px 0px #694844;
    color#f4eec5;}
     
    .comment-reply a:hover {background#a24340;
    color#f4eec5;}
     
    .block-reply {bordernone;}
     
    .block-reply li {width700px;
    margin-left20px;
    height100%;}
     
    .block-reply li .commentbody {width100%;}
    .block-reply li .commentheader{}
     
    .block-reply li .commentpseudo {}
    .block-reply li .commentpseudo {}
    .block-reply li .commentdate {
    positionrelative;
    left-530px;}
     
    .block-reply li .comment_normal.block-reply li  .comment_admin {
        height100%;
    }
     
    .block-reply li .commentbody {}
     
    .block-reply li .commentavatar {position:absolute;
        z-index8;
    margin-left-65px;
    margin-top-25px;}
     
    .block-reply li .commentavatar img {width40px;
    height40px;
    opacity0.8;}
     
    /*--bouton--*/
    input[type=button],input[type=submit]button {background#c8504d;
    text-transformuppercase;
    font-weightbold;
    font-size12pt;
    letter-spacing1pt;
    padding2px 7px 1px 7px!important;
    border1px solid #694844;
    text-shadow1px 1px 0px #694844;
    color#f4eec5;}
     
    input[type=button]:hover,input[type=submit]:hoverbutton:hover {background#a24340;}
    #background input[type=text]#background select#background textarea {padding4px 0px 4px 0px;
    margin-bottom4px;}
     
    /*--helpbubble--*/
    #help_bubble {}
     
     
    /*--recherche--*/
    .module_menu_type_search [type="submit"{}
     
     
     
    /*--forums--*/
    .post_table {background#585c47;
    width800px;
    margin-leftauto;
    margin-rightauto;
    margin-bottom20px;
    min-height100px;
    padding-bottom15px;}
     
    .post_table_head {height40px;
    font-familyMathilde;
    font-size15pt;
    text-alignright;
    color#e2e8ab;
    padding-right10px;
    padding-top7px;}
     
    .post_table_profile {positionabsolute;
    margin-top-40px;
        margin-left10px;
    font-family"tech";
    font-size15pt;
    color#e2e8ab;}
     
    .post_table_profile a:hover {}
     
    .post_table_profile {}
     
    .post_table_profile img {width40px;
    height40px;
    border-radius70px;
    positionabsolute;
    margin-top-25px;
    margin-left25px;}
     
    .post_table_msg {padding10px;
    color#e2e8ab;}
     
    .tag-ontop {}
     
    .chemin_forum {}
    .forum_table th.topic_table th{color#544e42;
        text-transformuppercase;
        font-weightnormal;
    background#696f51;
    colorwhite;
    font-family'tech';
    font-size13pt;
    padding5px 0px 2px 10px;}
     
    .forum_table tr:nth-child(even).topic_table tr:nth-child(even){background:rgba(0,0,0,0.07);
    padding5px;}
     
    .forum_table tr:nth-child(odd).topic_table tr:nth-child(odd){
        backgroundrgba(0,0,0,0.02);
    padding5px}
     
    .forum_table table td color #f0f0f0 ;
        padding 5px }
     
    .forum_table td.topic_table td {}
     
    .forum_table td a.topic_table td {color#497860;}
     
    .forum_table td a:hover.topic_table td a:hover {colorwhite;}
     
    .forum-description {margin20px 0px 20px 0px;}
     
    .ok_topic {}
     
    .tag-resolved {background#4d805e;
    border1px solid #3c6349;
    color#f2e9ba;
    text-transformuppercase;
    letter-spacing0.5pt;
    text-shadow1px 1px 0px #3c6349;
    padding3px 5px 3px 5px;}
     
    .tag-ontop {background#a65750;
    border1px solid #77504b;
    color#f2e9ba;
    text-transformuppercase;
    letter-spacing0.5pt;
    text-shadow1px 1px 0px #77504b;
    padding3px 5px 3px 5px;}
     
    .module_contenu_block {}
     
    /*--footer--*/
    #footer {font-size0pt;
        height360px;
    border-top2px solid #b99e64;
    margin-left100px;
    margin-right100px;
    margin-top30px;}
     
     
    #footer {font-size0pt;}
     
    #footer a:hover {}
     
    #footer:after {content"Design original by Elinae D.P. - © 2015 - 2021";
    font-size10pt;
    colorrgba(0,0,0,0.4);
    margin-left525px;}
     
    /*--pagination--*/
    .pagination {}
     
    .pagination span {}
     
    .pagination {}
     
    .pagination a:hover {}
    .pagination img {}
     
     
    .module_menu_type_html {positionabsolute;
    bottom10px;
    margin-left55px;
        font-family'Quick';
    color#27200e;}
     
    .module_menu_type_html {color#27200e;}
     
    .module_menu_type_html .module_menu_titre {
    font-size56pt;
    margin-left35px;}
     
    .nav {}
     
    /*--menubar--*/
    #menubar {background#8eb137;
    color#f4ecc9;
    font-familyluzhelveticaarialsans-serif;}
     
    #menubar_section_account {color#f4ecc9;}
    #menubar_section_account img {
    border-radius40px 30px 20px 50px ;}
     
    #menubar_hide {displaynone;}
     
    #menubar_logo {backgroundnone;}
     
    #menubar_signin {backgroundnone;}
     
    .menubar_section {backgroundnone;}
     
    .menubar_separation {displaynone;}
     
    .menubar_button {backgroundnone;}
     
    .menubar_section:hover {background#8eb137;}
     
    .menubar_section ul {background#8eb137;
    border-radius0px 0px 5px 5px;}
     
    .menubar_section li {background#8eb137;
    color#f4ecc9;}
    .menubar_section li:hover {background#8c9072;
    color#f4ecc9;}
     
    .menubar_section li:last-child {background#8eb137;
    color#f4ecc9;
    border-radius0px 0px 5px 5px;}
     
    .menubar_section li:last-child:hover {background:#8c9072;
    color#f4ecc9;}
     
    .menubar_button:hover {background#8eb137;}
     
    #notifications_panel {background:none;}
     
    #notifications_panel ul {background#8eb137;
    border-radius0px 0px 5px 5px;}
     
    .notif msg {}
    #notifications_panel span {color#ffedcc;}
    #notifications_panel span strong {color#c74d4c;}
    #notifications_panel .notif_date {color#7d8272;}
     
    #notifications_panel li {background#8eb137;}
     
    #notifications_panel li:hover {background#8c9072;}
     
    #notifications_panel li:hover span {color#e0dbbf;}
    #notifications_panel li:hover span strong {color:#c74d4c;}
    #notifications_panel li:hover .notif_date {color#9f9f9f;}
     
     #notifications_panel .new_notification span {color#f4ecc9;}
    .new_notification span {color#f4ecc9;}
    .new_notification:hover span {color#f4ecc9;}
    #notifications_panel li .new_notification span {color#f4ecc9;}
    #notifications_panel li:hover .new_notification span{color#f4ecc9;}
     
    /*--menubar-fin--*/

    Pour installer le thème

    1. Mettre à zéro toutes les valeurs de votre blog et décocher tout ce que vous pouvez.

    2. Choisir un seul menu à gauche.

    3. Copier, coller et appliquer les codes CSS du thème proposé.

    4. Utilisez le menu de l'en-tête.

     

    Ce que vous devez faire et savoir en plus de copier le code

    1. Il faut utiliser le menu de l'en-tête. Le menu déroulant n'a pas été codé !

    2.  Ne pas choisir plus de 6 derniers articles, derniers sujets de forum et 6 derniers commentaires.

    3.  Choisir d'afficher 10 derniers visiteurs dans le module derniers visiteurs.

    4.  Seuls les modules derniers visiteurs, derniers sujets des forums, derniers commentaire et rechercher ont été codé.

      

    En cas de bug dans l'affichage du thème, vérifiez que toutes les valeurs du thème sont à zéro. Si le problème ne vient pas de là, n'hésitez pas à me prévenir et j'essaierai de voir où ça coince.

     

    J'ai décidé de mettre en libre service mes anciens thèmes. Je ne les utilise plus mais je les aime toujours alors autant qu'ils servent à d'autres personne ! Enjoy.

    Il s'agit du design #45 réalisé en octobre  2015

    25 septembre 2021. Le codage du thème a été mis à jour et adapté pour être mis en LS. Il est adapté aux grands écrans (au moins de 1000px de large) - Idée du thème en Mai 2015


    6 commentaires
  • EMSIHPARG V.8 (février 2015)

    Thème en libre service #12 - Geekgirl/EMSIHPARG V.11

     

    Les Codes

    @font-face {font-family"Renzo";
    src:url('http://ekladata.com/drmdn2_Za9Tl4XKo-HYEMfFYvPQ/renzo.otf');}

    @font-face {font-family"Roboto";
    src:url('http://ekladata.com/oY3L-ZyNIyXC-_IqZOjMKKDPTTs/Roboto-Regular.ttf');}

    /*--nom de couleur--*/
    :root {
        --pink#f77294;
        --blue#1fe1fc;
    }

    /*---- fond de fenêtre ----*/#body {margin0;
    color#666666;
    text-decorationnone;
    background-color#050505;
    background-image:url("http://ekladata.com/JFkc8fCi0hkbVVxKSZ2reqkSeEk.jpg");
    background-attachmentscroll;
    background-positioncenter top;
    background-repeatno-repeat;}

    #body a:hover {text-decorationnone;}

    /*---- fond de page ----*/
    #background {width1000px;
    overflowhidden;
    backgroundurl("http://ekladata.com/wD4NXCbpREoGIcr1tDaDuCjGRz0.jpg");
    background-positioncenter top;
    background-attachmentscroll;
    margin0px auto;
    background-repeatno-repeat;
    background-color#0f0f0f;}

    /*---- header ----*/
    #header {height280px;
    positionrelative;
    margin-top0;
    margin-left0;
    margin-right0;
    backgroundurl("http://ekladata.com/8UKPUk1BrUfrY_-8P8YGZz11mjU.jpg");
    background-repeatno-repeat;
    background-positioncenter top;
    background-attachmentscroll;}

    #titre_header {displayflex;
        align-itemscenter;
        justify-contentcenter;
        font-familyRenzo;
        font-size45pt;
        letter-spacing10pt;
        colorvar(--blue);
        text-shadow3px var(--blue);
    width1000px;
    height250px;}

    /*---- menu du header ----*/
    #menu {z-index15;
        list-style-typenone;
    margin0;
    padding0;
    positionabsolute;
    top247px;
    left10px;
        font-family'Roboto'!important;}

    #menu {displayinline;
        padding5px 10px 5px 10px;
        colorvar(--pink);
        font-family'Roboto';
        letter-spacing3.5pt;
            text-shadow0px 0px 4px var(--pink);}

    #menu a:hover {text-decorationnone;}

    #menu ul a#menu ul {letter-spacing-0.5pt;
    text-shadownone;
    background:rgba(3,3,3,.80);
    line-height12pt;
    displayinline-block;
    width150px;
    height100%;
    padding5px 10px 5px 10px;}

    #menu ul a:hover#menu ul a:hover {box-shadowinset 2px 1px 3px black;
    background:rgba(48,53,54,.80);
    text-shadow0px 0px 3px black;
    width150px;
    height100%;}

    /*---- menu principal ----*/
    #menu1 {width267px;
    margin-top20px;
    margin-left5px;}

    #menu1 {colorvar(--pink);}
    #menu1 a:hover {colorwhite;
    text-decorationnone;}

    #menu1_top {overflowhidden;
    height125px;
    background-image:url("http://ekladata.com/jeIZB1-VdR7IKtbmjQIV7Jj-bPY.png");}

    #menu1_bottom {overflowhidden;
    height132px;
    background-image:url("http://ekladata.com/Em-GmUV1fn3pGLej-TqHnFutt-4.png");}

    #menu1 .module_menu_titre {width175px;
        height100%;
    font-weightnormal;
    font-stylenormal;
    text-decorationnone;
    font-variantsmall-caps;
    margin-right0px;
    colorvar(--blue);
    font-family'Renzo';
    font-size13.3pt;
    text-alignleft;
    backgroundrgba(0,0,0,0.7);
    margin-left18px;
    padding-left30px;
    padding-right25px;
        text-shadow0px 0px 7px var(--blue);
    letter-spacing0.8pt;}

    #menu1 .module_menu_contenu  {
        width210px;
        margin-bottom0px;
    margin-left18px;
    text-alignleft;
    backgroundrgba(0,0,0,0.7);
    background-repeatrepeat-y;
    font-family'Roboto';
    font-size9.7pt;
    color#9e9e9e;
        padding5px 10px 25px 10px;}

    /*---- derniers visiteurs ----*/
    .module_menu_type_lastvisitors .module_menu_contenu {backgroundnone!important;}
    .module_menu_type_lastvisitors .module_menu_titre {backgroundnone!important;}

    .module_menu_type_lastvisitors {positionabsolute;
    top385px;}

    .module_menu_type_lastvisitors img {height30pxwidth30px;
      -webkit-transition-duration0.3s;
                       -moz-transition-duration0.3s;
                       transition-duration0.3s;
    opacity0.2;}

    .module_menu_type_lastvisitors img:hover -webkit-filterhue-rotate(180deg);
          -moz-filterhue-rotate(180deg);
          -o-filterhue-rotate(180deg);
          filterhue-rotate(180deg);
     -webkit-transition-duration0.7s;
                       -moz-transition-duration0.7s;
                       transition-duration0.7s;
    opacity1;}

    .module_menu_type_lastvisitors {color#060606;}


    #content {margin70px 10px 30px 300px;
    width700px}

    /*---- titre article ----*/
    .module_titre_contenu {backgroundurl('http://ekladata.com/Y2x63JY6NPSg4iMFAmbrk76NMPc.png'100% 100% no-repeat;}

    .module_titre_contenu.module_titre_contenu {font-weightnormal;
    font-size24px;
    font-familyRenzo;
    font-stylenormal;
    text-decorationnone;
    text-transformuppercase;
    color#f77294;
    text-alignright;
    padding-right10px;}

    .module_titre_contenu {height30px;}

    /*---- info article ----*/
    .article_info {color#585858;
    font-family: 'Roboto';
    font-size9pt;
    margin0px 0px 15px 0px!important;
    padding0px;}

    .article_info {text-shadow0px 0px 2px black;}

    /*---- contenu article ----*/
    .module_contenu_block {}
    .module_contenu {padding5px 12px 10px 12px;
    font-family: 'Roboto';
    font-size10pt;
    color#9e9e9e;
    line-height130%;
    margin0px;
    text-alignjustify;}

    .module_contenu {color#1fc7de;
    font-weightnormal;
    font-stylenormal;
    text-decorationnone;
    font-variantnormal;
        text-shadow0px 0px 1px var(--blue);}

    .module_contenu a:hover {color#acacac;
        text-shadow0px 0px 1px #acacac;}

    /*---- recherche ----*/
    .module_menu_type_search .module_menu_contenu {backgroundnone!important;}
    .module_menu_type_search .module_menu_titre {backgroundnone!important;}

    .module_menu_type_search positionabsolute;
        top298px;
    margin-left200px;}

    .module_menu_type_search input[type="text"]:nth-child(1{background#202425;
    width190pxheight25px;
    bordernone;
    box-shadowinset 1px 1px 4px black;
    border-radius4px 4px 4px 4px;}

    .module_menu_type_search input[type="submit"]:nth-child(3{
    displaynone;}
    .module_menu_type_search input[type=text{backgroundurl('http://ekladata.com/MARdyOayMxSPGSb7urGdls_hAO8.png'no-repeat 2% 50%!important;
    background-size8%!important;}

    /*--module de la shoutbox--*/
    .menu_shoutbox {height350px;
    backgroundrgba(50,50,50,0.8);
    box-shadowinset 1px 2px 7px rgba(0,0,0,0.9);
    padding7px;
    color#717171;}

    .menu_shoutbox hr {width0px;
    height:0px;
    padding:0px;
    margin11px;}

    .module_menu_type_shoutbox input[type="text"].module_menu_type_shoutbox select.module_menu_type_shoutbox textarea {
    backgroundrgba(50,50,50,0.8);
    box-shadowinset 1px 2px 7px rgba(0,0,0,0.8);
    color#717171;
    bordernone;
    margin-top4px;
    height20px;
    width95%;
    padding5px;
    margin-bottom5px;}

    .module_menu_type_shoutbox [type="submit"{width90%;
    backgroundlinear-gradient(var(--pink)#c25054);
    color#ededed;
    height30px;
    bordernone;
    border-radius3px;
    font-family'roboto';
    letter-spacing3pt;
        text-transformuppercase;
        font-weightbold;
    text-shadow1px 2px 0px #c25054;}

    .module_menu_type_shoutbox [type="submit"]:hover {opacity0.9;
    box-shadowinset 1px 2px 3px rgba(0,0,0,0.5);}

    .menu_shoutbox strong {colorvar(--blue);}

    /*---- boutons ----*/
    input[type=button],input[type=submit]button {width90%;
    backgroundlinear-gradient(var(--pink)#c25054);
    color#ededed;
    height30px;
    bordernone;
    border-radius3px;
    font-family'roboto';
    letter-spacing3pt;
        text-transformuppercase;
        font-weightbold;
    text-shadow1px 2px 0px #c25054;}
     
    input[type=button]:hoverinput[type=submit]:hoverinput[type=reset]:hoverbutton:hover.button:hover {opacity0.9;
    box-shadowinset 1px 2px 3px rgba(0,0,0,0.5);}

    /*---- forum ----*/
    .tag-ontop {background-color:#f23b5f;
    border1px solid black;}
    .tag-resolved {background-color:#f4f4f4;
    border1px solid black;
    color#3a3a3a;}

    .post_table_head {background#060606;
    text-alignright;
    padding-right10px;
    color#323232;
    font-familyarial;
    padding-top3pxpadding-bottom3px;}

    .post_table_profile {font-size10pt;
        font-weightbold;
        text-aligncenter;
        line-height220%;
        background#060606;
        padding-bottom13px;
    width100px;}
    .post_table_profile img {border-radius15px 35px 25px 9px;
    background-color#d8d8d8;
    box-shadow0px 0px 3px #d8d8d8;
    border3px solid #d8d8d8;
    }

    .post_table_msg {background#595959;
    box-shadowinset -3px -4px  0px #060606inset -1px -1px 10px black;
    padding5px 9px 7px 9px;
    text-alignjustify;
    colorblack;}

    /*---- footer ----*/
    #footer {text-shadow0px 0px 4px black;}
    #footer {color#424242;
    font-weightnormal;
    font-stylenormal;
    text-decorationnone;
    font-variantsmall-caps;}

    #footer {
        text-shadow0px 0px 4px black;}

    #footer {clearboth;
    overflowhidden;
    text-aligncenter;
    height25px;
    margin-top0;
    color#424242;
    font-family: 'Roboto';
    font-size12pt;
    font-weightbold;
    font-stylenormal;
    text-decorationnone;
    font-variantsmall-caps;}

    #footer:after {content: "-  Design by Elinae  -  © 2015 - 2021";}

    /*---- commentaire article ----*/
    .comment_normal.comment_admin {backgroundblack;
        width93%;
    margin-left5%margin-right5%;
    margin-top10pxmargin-bottom15px;
    border-radius7px 7px 5px 5px;}

    .commentdate {color#333;
    font-familyhelvetica;}

    .commentbody {background#060606;
    margin-left 3pxmargin-right3px;
    margin-bottom0pxmargin-top5px;
    border-radius4px;
    text-alignjustify;
    border-bottom3px solid black;}

    .commentavatar {border3px solid #d8d8d8;
    padding0px;
    margin-left8pxmargin-bottom4px;
    border-radius15px 35px 25px 9px;
    background-color#d8d8d8;
    box-shadow0px 0px 3px #d8d8d8;}

    .commentavatar img {border-radius15px 35px 25px 9px;}

    .comment_admin .commentpseudo {color#e93a5b;
    text-shadow0px 0px 1px #e93a5b;}

    .commentnumber {colorwhite;
    font-familyarial;
    opacity0.3;}

    .comment_admin .commentnumber {colorwhite;
    font-familyarial;
    opacity0.3;}

    ul.block-reply {bordernone;
    margin-top40px;}

    /*---- MENUBAR ----*/
    #menubar_hide{display:none;}
    #menubar_logo{position absolute;
    right-2px;}
    #menubar_favorites{background-imagenone}
    .menubar_separation{displaynone;}
    .menubar_section{backgroundnone;}
    .menubar_section:hover{backgroundnone;}
    #menubar{backgroundblack;
        box-shadow0px 0px 5px black;
        border-bottom:0px solid #bac84b;
        color:#fc5e87;
        font-size8pt;
        font-familyarial;
    text-transformnone;}
    .menubar_section img{opacity:0.7;
        -o-filter:grayscale(1%);
        -moz-filter:grayscale(1%);
        -webkit-filter:grayscale(1%)}
    .menubar_section li {
        margin-bottom:0px;
        border-bottom1px dashed #111111;
        font-size9pt;
        colorgrey;
        font-familyarial;
        background:black}
    .menubar_section li:last-child{
        margin-bottom:2px;
        border0px solid #111111;
        font-size9pt;
        colorgrey;
        font-familyarial;
        background:black;
    border-radius0px 0px 10px 10px;}
    .menubar_section li:hover {color:#17d7f2;;
        transition-duration:0.4s;
          -moz-transition-duration:0.4s;
          -webkit-transition-duration:0.4s;}
    .menubar_section li:last-child:hover {
        box-shadow:inset 0px 0px 20px #111111;
    transition-duration:0.5s;
          -moz-transition-duration:0.5s;
          -webkit-transition-duration:0.5s;}

    #notifications_panel{backgroundnone;}
    #notifications_panel a{
        font-weight:normal;
        font-size:10px;
        text-transform:uppercase}
    #notifications_panel a,
    #notifications_panel div {
        color:#ddd;
        font-size:11px;
        background:#030303;
    transition-duration:0.5s;
          -moz-transition-duration:0.5s;
          -webkit-transition-duration:0.5s;}
    #notifications_panel a:hover,
    #notifications_panel div:hover {
        color:#17d7f2;
        box-shadow:inset 0px 0px 20px black;}
    #notifications_panel
    .new_notification {color#fc3367;}

    #menubar_section_account img {border-radius20px 20px 20px 20px;}
    #menubar_section_account {colorwhite;}
    #menubar{padding-left15px;}

    Pour installer le thème

    1. Mettre à zéro toutes les valeurs de votre blog et décocher tout ce que vous pouvez.

    2. Choisir un seul menu à gauche.

    3. Copier, coller et appliquer les codes CSS du thème proposé.

    4. Utilisez le menu de l'en-tête.

     

    Ce que vous devez faire et savoir en plus de copier le code

    1. Il faut utiliser le menu de l'en-tête.

    2.  Le menu du header et le menu déroulant ont été codé. La shoutbox et les forums aussi.

    3.  Choisir d'afficher 6 derniers visiteurs dans le module derniers visiteurs.

      

    En cas de bug dans l'affichage du thème, vérifiez que toutes les valeurs du thème sont à zéro. Si le problème ne vient pas de là, n'hésitez pas à me prévenir et j'essaierai de voir où ça coince.

     

    J'ai décidé de mettre en libre service mes anciens thèmes. Je ne les utilise plus mais je les aime toujours alors autant qu'ils servent à d'autres personne ! Enjoy.

    Il s'agit du design #33 réalisé en février 2015

    22 septembre 2021. Le codage du thème a été mis à jour et adapté pour être mis en LS. Il est adapté aux grands écrans (au moins de 1000px de large) - Idée du thème en Mai 2015


    7 commentaires
  • EMSIHPARG V.11 (du 30/05/2015 au 7/07/2015)

    Thème en libre service #12 - Geekgirl/EMSIHPARG V.11

     

    Les Codes

    @font-face {font-family"galderglynn";
    src:url('http://ekladata.com/7tf_M1rshyBKGpNnhOGAv8nVX24/galderglynn-titling-rg.ttf');}

    @font-face {font-family"alpaca";
    src:url('http://ekladata.com/fWLSQeZB1S2TgNzlQBEXmOPdEPY/Alpaca-Scarlett-Demo.ttf');}

    @font-face {font-family"Louis";
    src:url('http://ekladata.com/1iltMqoYRcFpf1y6PkKD7K6ysb0/Louis-George-Cafe.ttf');}

    /*--fond fenêtre--*/
    #body {backgroundurl('http://ekladata.com/arodKOnrAiayNPFFftwV_f5C3yU.jpg'50% 55px no-repeaturl('http://ekladata.com/g7H4-aiuFb8_V7OcWGuprEhIqbA.jpg');}
    #body {text-decorationnone;}


    /*--fond page--*/
    #background {width1000px;}


    /*--header--*/
    #header {backgroundurl('http://ekladata.com/arodKOnrAiayNPFFftwV_f5C3yU.jpg'50% 55px no-repeat;
        height415px;
        background-color#272727;}

    #titre_header {displayinline-block;
    font-size50pt;
    positionabsolute;
    top210px;
    font-family'alpaca';
    letter-spacing-5pt;
    text-transformuppercase;
    font-weightbold;
    -webkit-transformrotate(-8deg);
    -moz-transformrotate(-8deg);
    -o-transformrotate(-8deg);
    transformrotate(-8deg)
    }

    #titre_header {   backgroundlinear-gradient(#929292 40%#434343 40%);
        -webkit-background-cliptext;
        -webkit-text-fill-colortransparent;}

    #menu {positionabsolute;
    top0px;
    left380px;
    font-family'galderglynn';
    font-size18pt;}

    #menu {displayinline;
    width100%;
        color#ededed;
    padding13px 12px 13px 8px;
    line-height230%;}

    #menu a:hover {
        background#f2a224;}

    /*--menu1--*/
    #menu1 {margin25px 0px 0px 15px;
        width235px;}

    #menu1 {}

    #menu1 a:hover {}

    #menu1 .module_menu_titre {color#ed8517;
    text-shadow2px 1px 0px #0b0b0b;
        height100%;
        font-family'galderglynn';
    font-weightnormal;
    font-size14pt;
    letter-spacing2pt;
    line-height100%;
    margin-bottom7px;}


    #menu1 .module_menu_contenu {padding3px 0px 25px 0px;}

     

    /*--module de recherche--*/
    .module_menu_type_search {positionabsolute;
    top-2px;
    margin-left-745px;}

    .module_menu_type_search input[type="text"].module_menu_type_search select.module_menu_type_search textarea {width320px;
        height35px;
    background#474747;
    bordernone;
    box-shadowinset 1px 3px 7px rgba(0,0,0,0.9);
    colorwhite;}

    .module_menu_type_search input[type=text{background-imagenone!important;}

    .module_menu_type_search [type="submit"{displaynone;}

     

    /*--module de la shoutbox--*/
    .menu_shoutbox {height350px;
    background#383838;
    box-shadowinset 1px 2px 7px rgba(0,0,0,0.9);
    padding7px;
    color#717171;}

    .menu_shoutbox hr {width0px;
    height:0px;
    padding:0px;
    margin11px;}

    .module_menu_type_shoutbox input[type="text"].module_menu_type_shoutbox select.module_menu_type_shoutbox textarea {
    background#383838;
    box-shadowinset 1px 2px 7px rgba(0,0,0,0.8);
    color#717171;
    bordernone;
    margin-top4px;
    height20px;
    width95%;
    padding5px;
    margin-bottom5px;}

    .module_menu_type_shoutbox [type="submit"{width95%;
    backgroundurl('http://ekladata.com/RpMsmUciqNROAS2K_X_CBlWGESc.jpg'0% 50% repeat-x;
    color#ededed;
    height30px;
    bordernone;
    border-radius3px;
    font-family'galderglynn';
    letter-spacing3pt;
    text-shadow1px 2px 0px #d95205;}

    .module_menu_type_shoutbox [type="submit"]:hover {opacity0.9;
    box-shadowinset 1px 2px 3px rgba(0,0,0,0.5);}

    .menu_shoutbox strong {color#2de5de;}
     

    /*--module simple--*/
    .module_menu_type_html {color#cdcdcd;}
    .module_menu_type_html {color#27dfd7;}
    .module_menu_type_html a:hover {colorwhite;}

    /*--module statistique--*/
    .module_menu_type_stats em {color#cdcdcd;}
    .module_menu_type_stats {color#27dfd7;}
    .module_menu_type_stats a:hover {colorwhite;}

    .module_menu_type_survey {colorwhite;}
    .module_menu_type_survey {color#20c7c1;}
    .module_menu_type_survey a:hover {colorwhite;}

    /*--module dernier article et derniers sujets--*/
    .module_menu_type_lastarticles a.module_menu_type_lasttopics {displayblock;
    width220px;
    font-size12pt;
    border-bottom1px solid #121212;
    color#afafaf;
    height100%;
    padding7px 0px 5px 0px;
      -webkit-transition-duration0.1s;
                       -moz-transition-duration0.1s;
                       transition-duration0.1s;
    -webkit-transition-timing-functionease-out;
                       -moz-transition-timing-functionease-out;
                       transition-timing-functionease-out;}

    .module_menu_type_lastarticles a:hover.module_menu_type_lasttopics a:hover {width205px;
        padding-left10px;
        border-left5px solid #27dfd7;
    color#e6e6e6;
      -webkit-transition-duration0.3s;
                       -moz-transition-duration0.3s;
                       transition-duration0.3s;
    -webkit-transition-timing-functionease-out;
                       -moz-transition-timing-functionease-out;
                       transition-timing-functionease-out;}

    .module_menu_type_lasttopics {displaynone;}


    /*--article--*/
    #content {backgroundurl('http://ekladata.com/7aI0ejSCIKE5e1S8fYNWSjtZ0oo.jpg'100% 0% repeat-y;
        width746px;
    margin-top20px;
    margin-bottom170px;
    margin-left: 0px;}


    .module_titre_contenu.module_titre_contenu {color#00c7bf;
    text-shadow2px 1px 0px #0b0b0b;}

    .module_titre_contenu {padding20px 20px 0px 20px;
        height100%;
        font-family'galderglynn';
    font-weightnormal;
    font-size18pt;
    letter-spacing2pt;
    line-height100%;
    margin-bottom-10px;}

    .article_info {width100%;
    backgroundrgba(255,255,255,0.04);
    text-aligncenter;
    padding5px 0px 5px 0px;
    margin-bottom10px;
    border-radius5px;}

    .module_contenu {margin21px;
    color#6e6e6e;
    font-familylouis;
    font-size11pt;
    text-alignjustify;}

    .module_contenu {color#ed8517;}

    .module_contenu a:hover {colorwhite;}

    .module_bottom {height20px;}


    /*--footer--*/
    #footer {z-index1;
        positionabsolute;
        bottom0px;
        left0px;
        width100%;
        height150px;
    font-size10px;
    color#404040;
    background#131313;
    text-aligncenter;
    padding20px 0;}

    #footer {color#404040;}
    #footer:after {content"- Design original by Elinae - © 2015 - 2021";}

    /*--module derniers visiteurs--*/
    .module_menu_type_lastvisitors {z-index7;
        positionabsolute;
    bottom20px;
    margin-left-775px;}

    .module_menu_type_lastvisitors img {width:50px;
        height50px;
    border-radius100px;
    margin-right12px;
    border4px solid #bbc1ba;}


    /*--commentaire--*/
    .comment_normal.comment_admin {width100%;}

    div.commentheaderbackgroundrgba(0,0,0,0.1);
        height40px;
        padding5px 15px 5px 5px;
        margin-top25px;
        border-radius20px 20px 0px 0px;
    border-left3px solid #68e0d8;}

    div.commentbody {border-radius0px 0px 20px 20px;
    border-left3px solid #68e0d8;
    backgroundrgba(0,0,0,0.1);
    padding5px 10px 5px 10px;}


    .commentnumber {margin-left20px;
    width40px;
    font-size11pt;
    font-familyarial;
    font-weightbold;}


    .commentpseudo {font-family'galderglynn';
    letter-spacing3pt;}
    .commentpseudo img {displaynone;}


    .commentdate {font-familyarial;
    font-size9pt;
    color#686868;}

    .commentavatar {margin-right10px;
    padding5px;}

    .commentavatar img {width75px;
    height75px;
    border-radius30px 100px;
    border5px solid #191919;}

    ul.block-reply {bordernone;
    margin-top40px;}


    /*--bouton--*/
    input[type=button],input[type=submit]button {backgroundurl('http://ekladata.com/RpMsmUciqNROAS2K_X_CBlWGESc.jpg'0% 50% repeat-x;
    color#ededed;
    height30px;
    bordernone;
    border-radius3px;
    font-family'galderglynn';
    letter-spacing3pt;
    text-shadow1px 2px 0px #d95205;}

    input[type=button]:hoverinput[type=submit]:hoverinput[type=reset]:hoverbutton:hover.button:hover {opacity0.9;
    box-shadowinset 1px 2px 3px rgba(0,0,0,0.5);}


    input[type="text"],select,textarea {bordernone;
    height30px;
    margin0px 5px 0px 0px;}

    /*--helpbubble--*/
    #help_bubble {}


    /*--forums--*/
    .tag-ontop {background#fab1aa;
    color#f43b2d;
    text-transformuppercase;
    font-size9pt;
        text-shadow2px 1px 0px white;
    margin0px 3px 0px 3px;
    border1px solid #fab1aa;}

    .post_table {margin-bottom25px;
        width580px;}

    .post_table_head {background#484848;
    font-family'arial';
    font-size6pt;
    colorwhite;
        text-alignright;
    padding-right10px;
    line-height250%;
    border-radius5px;
    margin-left2px;
    margin-rihgt2px;
    letter-spacing0.7pt;}

    .post_table_profile {z-index9;
        positionabsolute;
    margin-left95px;
    margin-top-19px;
        width410px;
        displayblock;
    font-familyhelvetica;
    font-size11pt;
    letter-spacing0.8pt;
    colorwhite;
    text-shadow1px 0.5px 0px black;}

    .post_table_profile img {z-index10;
        positionrelative;
        top-48px;
        left0px;
        width80px;
        height80px;
        box-shadow0px 0px 3px rgba(0,0,0,0.7);
    margin0px 5px 10px 7px;
    background-color#0abbdb;}

    .post_table_profile {positionrelative;
        left5px;
    background#CCC;
    border-radius0px 0px 0px 5px;}

    .post_table_msg {background#CCC;
    positionrelative;
    right5px;
    border-radius0px 0px 5px 0px;
    width600px;}

    .post_table_msg {color#323232;
    padding3px 10px 10px 10px;
    width580px;}

    .post_table_msg {color#e87311;}

    .tag-ontop {}

    .ok_topic {}

    .forum-description {margin-top10px;
    margin-bottom10px;}

    /*--pagination--*/
    .pagination span {colorwhite;}

    .pagination {padding3px 6px 3px 6px;
        background#1a1a1a;
    colorwhite;}

    /*fenetre*/
    .window_titlefont-size17pxcolorwhitetext-shadow2px 1px 0px #4f4f4f1px 2px 0px #4f4f4f;
    font-familygalderglynn;
    letter-spacing2.5pt;
    line-height160%;}
    .window_handle_content {backgroundrgba(37,190,177,0.8;text-align:center;}
    .window_handle_left{  backgroundrgba(37,190,177,0.8;border-radius10px 0;}
    .window_handle_rightbackgroundrgba(37,190,177,0.8;border-radius10px 0;}
    .window_content_wrapper1backgroundrgba(37,190,177,0.8);}
    .window_content_wrapper2backgroundrgba(37,190,177,0.8);}
    .window_bottom_wrapper1backgroundrgba(37,190,177,0.8border-radius10px 10px}
    .window_bottom_wrapper2backgroundrgba(37,190,177,0.8;border-radius10px 10px}
    .window_bottombackgroundrgba(37,190,177,0.8);}
    .window_tabs span.window_tab_active {background-colorCOLOR;}
    .window_tabs span {background-colorcolor;}
    .window {box-shadow0px 0px 10px rgba(0,0,0,0.7);
    border-radius:10px;}

    .window button {text-shadownone;
    background#fbc144;
    colorwhite;
    font-weightbold;
    text-transformationuppercase;}

    .window .button_win.window input[type=button].window input[type=submit].window button {text-shadownone;
    background#fbc144;
    colorwhite;
    font-weightbold;
    text-transformationuppercase;
    bordernone;}

    .window:hover .button_win:hover.window input[type=button]:hover.window input[type=submit]:hover.window button:hover {background#f2a023;
    bordernone;}

    .window_content {backgroundwhite;}

    Pour installer le thème

    1. Mettre à zéro toutes les valeurs de votre blog et décocher tout ce que vous pouvez.

    2. Choisir un seul menu à droite.

    3. Copier, coller et appliquer les codes CSS du thème proposé.

    4. Utilisez le menu de l'en-tête.

     

    Ce que vous devez faire et savoir en plus de copier le code

    1.  J'ai conservé le screenshot de mon thème, le thème en LS est légèrement différent :

    1. Le titre du blog est dans une autre police et d'une couleur simple
    2. Le footer ne contient que les dernier visiteurs et est beaucoup moins haut.

    2. Je n'ai pas recodé le module des derniers visiteurs donc il y a des chances pour que ça ne fasse pas "centré".

    3. Il faut utiliser les liens du menu de l'en-tête pour mettre vos propres lien là où se trouve "Accueil, règlement, livre d'or et crédits". Je n'ai pas codé le menu déroulant.

      

    En cas de bug dans l'affichage du thème, vérifiez que toutes les valeurs du thème sont à zéro. Si le problème ne vient pas de là, n'hésitez pas à me prévenir et j'essaierai de voir où ça coince.

     

    J'ai décidé de mettre en libre service mes anciens thèmes. Je ne les utilise plus mais je les aime toujours alors autant qu'ils servent à d'autres personne ! Enjoy.

    Il s'agit du design #40 réalisé en mai 2015

    21 septembre 2021. Le codage du thème a été mis à jour et adapté pour être mis en LS. Il est adapté aux grands écrans (au moins de 1120px de large) - Idée du thème en Mai 2015


    9 commentaires
  • Code thème en LS 11

     

    Les Codes

    @font-face {font-family: "ETH";src: url('http://ekladata.com/VY908oIi8gb_vPZBeoRm2E2UMpA/EthRomainEthon.ttf');}

    @font-face {font-family: "Luz";
    src: url('http://ekladata.com/pcV_NYySnGGiFr9pHFrNtU4kf2E/LUZRO.ttf');}

    @font-face {font-family: "trajan";
    src: url('http://ekladata.com/Rgb3CmX4cI4aez15Og9j-7S5AJQ/TrajanPro3-Regular.otf');}

     

    #titreduheader {position: absolute;
    top: 125px;
    margin-left: -715px;
    font-family: Luz;
    font-size: 30pt;
    display: inline-block;
    width: 1000px;
    text-align: center;
    text-shadow: 1px 1px 0px black, -1px -1px 0px black, -1px 1px 0px black, 1px -1px 0px black, 2px 2px 0px black, -2px -2px 0px black, -2px 2px 0px black, 2px -2px 0px black;}

     

    /*--fond fenêtre--*/
    #body { background:url('http://ekladata.com/jLNgdJ30Zn-RgnyS9gCWMtQJrN8.jpg') no-repeat 50% 0%;
    background-color: black;}
    #body a { text-decoration: none;}

    /*--fond page--*/
    #background {
    border-radius: 20px 20px 0px 0px;
    margin-top: 430px;
    width: 1000px;
    background-color: #060609;
    box-shadow: 0px -3px 7px #060606;}

    /*--header--*/
    #header {
    height: 0px;}

    #titre_header {font-size: 0px;}

    .bannimg {position: absolute;
    top: 67px;
    margin-left: -80px;}

    /*--menu header--*/
    #menu {display: none;}

    /*--menu1--*/
    #menu1 {
    background: url('http://ekladata.com/BIg3Plsis0ANPJ1E4Z9byyBnawY.jpg') no-repeat;
    width: 300px;
    color: #9e9e9e;
    padding-top: 20px;
    background-color: #0b0b11;}

    #menu1 a {color: #d0efff;}
    #menu1 a:hover {color: white;}

    #menu1 .module_menu_titre {height: 30px;
    font-size: 20pt;
    text-align: center;
    color: white;
    font-family: ETH;
    line-height: 130%;
    text-shadow: 0px 0px 3px white;
    margin-top: 15px;}

    #menu1 .module_menu_contenu {padding-left: 10px;
    padding-right: 10px;
    padding-top: 10px;
    padding-bottom: 10px;
    color: white;
    font-family: "Luz";
    font-size: 12pt;}


    /*--module dernier visiteurs--*/
    .module_menu_type_lastvisitors img {width:53px;
    height: 53px;
    margin-bottom: 15px;
    border-radius: 75px 30px / 20px 85px;
    box-shadow: 0px 0px 4px #bababa;
    opacity: 0.9;
    margin-right: 5px;
    margin-left: 7px;
    -webkit-transition-duration: 0.3s;
    -moz-transition-duration: 0.3s;
    transition-duration: 0.3s;
    -webkit-transition-timing-function: ease-out;
    -moz-transition-timing-function: ease-out;
    transition-timing-function: ease-out;}

    .module_menu_type_lastvisitors img:hover{
    border-radius: 20px 85px / 75px 30px;
    -webkit-transition-duration: 0.3s;
    -moz-transition-duration: 0.3s;
    transition-duration: 0.3s;
    -webkit-transition-timing-function: ease-in;
    -moz-transition-timing-function: ease-in;
    transition-timing-function: ease-in;}

    /*--shootbox--*/
    .menu_shoutbox {background-color: #fbfbfb;
    border: solid 1px #c7c7c7;
    padding: 5px 5px 5px 5px;
    margin-bottom: 10px;}

    .menu_shoutbox hr {width: 90%;
    border-bottom: dashed 1px #d5d5d5;}

    /*--article--*/
    #content {width: 650px;
    margin-left: 20px;
    margin-top: 20px;}

    .module_titre_contenu, .module_titre_contenu a {
    height: 32px;
    width: 635px;
    font-weight: lighter;
    font-family: "ETH";
    color: white;
    font-size: 18.3pt;
    letter-spacing: -0.3pt;
    text-decoration: none;
    text-align: left;}

    .module_titre_contenu {
    padding-left: 10px;
    line-height: 115%;
    border-bottom: solid 1px #353536;}

    .article_info { height: 10px;
    font-size: 10px;
    font-family: arial;
    color: white;
    opacity: 0.3;
    text-align: right;
    padding-bottom: 10px;
    }

    .module_contenu {
    padding-top: -5px;
    padding-left: 3px;
    padding-right: 3px;
    padding-bottom: 10px;
    font-family: "Luz";
    font-size: 12pt;
    color: #767c91;
    letter-spacing: 0.3pt;
    }


    .module_contenu a {
    color: #d0efff;
    }

    .module_contenu a:hover {
    color: #2ca5e4;
    }

    .module_bottom {
    height: 20px;

    }

    /*--footer--*/
    #footer {
    height: 25px;
    font-size: 14px;
    color: grey;
    float: right;
    padding-top: 45px;
    margin-right: 30px;
    opacity: 0.5;}

    #footer a {
    color: grey;
    }

    #footer a:hover {
    opacity: 0.2;
    }

    #footer:after {content: "- Design original by Elinae - © 2015-2017";}

    /*--commentaire--*/
    .comment_normal, .comment_admin {
    width: 100%;
    background: url('http://ekladata.com/ISnnCEtG-IrkOS9ZNAnFskichT4.jpg') no-repeat;
    background-color: #0b0b11;
    border-radius: 15px 15px 15px 15px;
    color: #cfcfcf;
    }

    div.commentheader{
    margin-top: 10px;
    background: rgba(0,0,0,.6);
    border-radius: 15px 15px 0px 0px;
    border-bottom: 1px solid black;
    border-top: 4px solid black;}

    div.commentbody {
    padding-top: 10px;
    padding-right: 2px; padding-left: 7px;
    padding-bottom: 10px;
    text-align: justify;
    margin-bottom: 25px;}

    .comment_admin .commentnumber {
    color: #9a9a9a;
    font-family: impact;
    font-weight: lighter;
    font-size: 25px;
    float: right;}

    .commentnumber {
    float: right;
    color: #494949;
    font-family: impact;
    font-size: 25px;
    font-variant: normal;
    text-align: center;
    padding-right: 10px;
    width: 45px;
    padding-left: 10px;}

    .commentpseudo a {
    font-style: normal;
    text-decoration: none;
    font-variant: normal;
    }

    .commentpseudo {
    line-height: 140%;
    padding-top: 5px;
    font-family: "ETH";
    font-size: 18px;
    font-weight: bold;
    float: right;
    letter-spacing: 3pt;}

    .comment_admin .commentpseudo {
    font-style: normal;
    text-decoration: none;
    font-variant: normal;
    }

    .commentdate {float: left;
    font-size: 9pt;
    padding-top: 5px;
    padding-left: 10px;
    font-family: Arial, Helvetica, sans-serif;
    color: grey;
    opacity: 0.8;
    line-height: 200%;
    }

    .commentavatar {float: right;}

    .commentavatar img {
    width: 90%;
    border-radius: 75px 28px / 43px 65px;
    box-shadow: 0px 0px 3px black;}


    /*--bouton--*/
    input[type=button],input[type=submit], button {
    background: linear-gradient( #0b0b11, #1c1c22);
    padding: 2px 14px 3px 14px;
    color: white;
    border-radius: 10px / 20px ;
    border-top: 1px solid #5a5a65;
    border-left: 0px solid black;
    border-right: 0px solid black;
    border-bottom: 0px solid black;
    font-family: "Luz";
    letter-spacing: 0.1pt;
    font-size: 11pt;}

     

    /*--helpbubble--*/
    #help_bubble {background: none;
    border: none;
    border-radius: 3px;
    color: white;
    text-shadow: 1px 1px 1px #1f1f1f, -1px -1px 1px #1f1f1f, 1px -1px 1px #1f1f1f, -1px 1px 1px #1f1f1f;}

    /*--recherche--*/
    .module_menu_type_search { position: absolute;
    top: -40px;
    margin-left: 20px;}

    #module_menu_contenu144444580 > div > form > input[type="submit"]:nth-child(3) {opacity: 0;}

    /*--module recherche--*/

    #background input[type=text], #background select, #background textarea {
    width: 250px;
    height: 30px;
    margin-bottom: 5px;
    opacity: 0.7;
    border: none;}

    .module_menu_type_search input[type="text"], .module_menu_type_search select, .module_menu_type_search textarea {background-image: none!important;}

    .module_menu_type_search [type="submit"] {opacity: 0;}


    /*--barre menu ajoutée--*/
    .bar { position: absolute;
    top: 0px;
    left: 0px;
    height: 65px;
    background: rgba(0,0,0,.6);
    width: 100%;
    }

    .bartxt {position: absolute;
    top: 13px;
    margin-left: -700px;
    font-family: "trajan";
    line-height: 160%;
    font-size: 15pt;
    width: 1000px;
    height: 65px;}

    .link a {
    float: left;
    display: block;
    width: 150px;;
    height: 30px;
    padding-top: 5px; padding-bottom: 5px;
    margin-right: 10px; margin-left: 10px;
    text-align: center;
    border-radius: 5px;
    text-shadow: 1px 1px 2px black;}

    .link a:hover {background: rgba(14,55,108,0.7);}

    .link a:focus {background: rgba(14,55,108,0.7);}

    /*--forums--*/
    .post_table_head {background: rgba(0,0,0,.7);
    position: absolute;
    margin-top: 130px;
    width: 116px;
    padding: 3px 2px 3px 2px;
    text-align: center;
    font-family: arial;
    color: #858585;}

    .post_table_profile {background: url('http://ekladata.com/BIg3Plsis0ANPJ1E4Z9byyBnawY.jpg');
    width: 110px;
    height: 190px;
    padding-left: 5px; padding-right: 5px;
    padding-top: 10px;
    font-family: "Trajan";
    font-size: 14px;
    letter-spacing: -0.4pt;
    text-align: center;
    border-right: solid 1px black;
    border-bottom: solid 1px black;
    border-top: solid 1px black;
    border-radius: 8px 0px 0px 8px;
    text-shadow: 1px 1px 3px black;}

    .post_table_profile img {border-radius: 8px / 20px;
    box-shadow: 0px 0px 8px white;}

    .post_table_msg { background: linear-gradient( #0e0e14, #0a0a10);
    border-top: 1px solid black;
    border-bottom: 1px solid black;
    padding: 5px 10px 5px 10px;
    border-radius: 0px 8px 8px 0px;
    color: #c4c4c4;
    box-shadow: inset 0px 0px 7px black;}

    .post_table_msg p {
    max-width: 500px;}

    /*--navigation--*/
    .navigation a {display: block;
    width: 100%;
    height: 30px;
    line-height: 180%;
    padding-left: 15px;
    border-bottom: 1px solid #32323a;
    -webkit-transition-duration: 0.3s;
    -moz-transition-duration: 0.3s;
    transition-duration: 0.3s;
    -webkit-transition-timing-function: ease-out;
    -moz-transition-timing-function: ease-out;
    transition-timing-function: ease-out;}

    .navigation a:hover {background: rgba(0,0,0,.5);
    padding-left: 45px;
    -webkit-transition-duration: 0.2s;
    -moz-transition-duration: 0.2s;
    transition-duration: 0.2s;
    -webkit-transition-timing-function: ease-out;
    -moz-transition-timing-function: ease-out;
    transition-timing-function: ease-out;}

    /*--forum tag--*/
    .tag-resolved {background: #5c3a92;
    font-family: "ETH";
    color: white;
    border: 1px solid black;
    font-size: 12px;
    padding: 5px 3px 5px 3px;
    letter-spacing: 1pt;}

    Pour installer le thème

    1. Mettre à zéro toutes les valeurs de votre blog et décocher tout ce que vous pouvez.

    2. Choisir un seul menu à droite.

    3. Vous devrez rajouter dans les codes d'un module ce code :
    <div id="titreduheader">NOM DE VOTRE BLOG</div>

    4. Copier, coller et appliquer les codes CSS du thème proposé.

    5. Vous remplacerez le "NOM DE VOTRE BLOG" par le nom de votre blog.

     

    Ce que vous devez faire et savoir en plus de copier le code

    1.   Le menu du header n'est pas codé.

    2. Les modules du menu n'ont pas été codé non plus, à vous de les arranger si vous le voulez.

    3. Il vaut mieux choisir 8 derniers visiteurs pour le module "derniers visiteurs".

      

    En cas de bug dans l'affichage du thème, vérifiez que toutes les valeurs du thème sont à zéro. Si le problème ne vient pas de là, n'hésitez pas à me prévenir et j'essaierai de voir où ça coince.

     

    J'ai décidé de mettre en libre service un thème qui m'avait été commandé à l'époque où je faisais des commandes. Le thème n'avait pas été utilisé et comme j'ai vu que la commanditaire avait du se permettre de transmettre les codes à d'autres personnes, je m'autorise donc à le mettre en libre service ! Enjoy.

    Il s'agit du design #35 réalisé en mars 2015

    26 Décembre 2017. Le thème est  adapté aux grands écrans (au moins de 1120px de large) - Idée du thème en Mars 2015


    10 commentaires
  • Code thème en LS 10

     

    Les Codes

    @font-face {font-family: "Master";

    src: url('http://ekladata.com/UKntiAf8XrBrQ19P8hVHaR201Bg/master_of_break.otf');}

    @font-face {font-family: "SF";
    src: url('http://ekladata.com/tjayi-v3IbuMqxhkUJTKWbAAqQQ/SF-New-Republic.ttf');}

    @font-face {font-family: "round";
    src: url('http://ekladata.com/3CTUswhiEj245cn85IhQtNDqWyE/Rounded_Elegance.ttf');}

    /*--fond fenêtre--*/
    #body {word-wrap: break-word;
    background: #f5f5f5:}
    #body a {text-decoration: none;}

    /*--fond page--*/
    #background {margin-top: 70px;
    width: 1120px;
    background: white;
    box-shadow: 0px 0px 15px rgba(0,0,0,0.5);}

    /*--header--*/
    #header {height: 235px;
    background: url('http://ekladata.com/MmWe8-M5-DqroV0C5nVeq9ZEZ-E.jpg') 50% 0% no-repeat, #424953;}
    #titre_header {text-align: left;
    position: relative;
    top: 20px;
    left: 50px;
    color: black;
    font-size: 45pt;
    font-family: Master;
    -webkit-transform: rotate(-5deg);
    -moz-transform: rotate(-5deg);
    -o-transform: rotate(-5deg);
    transform: rotate(-5deg);}

    #titre_header a {color: white;
    text-shadow: -1px -3px 0px #19d9c8;}

    #titre_header a:hover {text-decoration: none;}
    #header-link {display: inline-block;}

    /*--menu header--*/
    #menu {width: 1120px;
    top: 190px;
    left: 0px;
    height: 45px;
    font-family: 'SF';
    font-size: 18pt;
    line-height: 220%;}

    #menu a {display: inline-block;
    width: 100%;
    padding: 0px 10px 0px 10px;
    color: #f7f7f7;
    text-shadow: 1px 1px 0px black;}

    #menu li {height:45px;}

    #menu li:hover {background: #ffa68a;}

    #menu ul {background: #ffa68a;
    position: absolute;
    margin-top: -7px;
    width: 180px;}

    #menu ul li {height: 25px;}

    #menu ul a {width: 170px;
    padding: 3px 5px 3px 5px;
    -webkit-transition-duration: 0.1s;
    -moz-transition-duration: 0.1s;
    transition-duration: 0.1s;
    -webkit-transition-timing-function: ease-out;
    -moz-transition-timing-function: ease-out;
    transition-timing-function: ease-out;}

    #menu ul a, #menu ul a:hover {font-size: 12pt;
    display: inline-block;
    line-height: 100%;
    position: absolute;
    margin-top: 0px;
    width: 165px;}

    #menu ul a:hover {padding-left: 25px;
    width: 150px;
    -webkit-transition-duration: 0.1s;
    -moz-transition-duration: 0.1s;
    transition-duration: 0.1s;
    -webkit-transition-timing-function: ease-out;
    -moz-transition-timing-function: ease-out;
    transition-timing-function: ease-out;}

    /*--menu1--*/
    #menu1 {width: 300px;
    background: #e3e3e1;
    padding: 40px 17px 40px 17px;
    font-family: round;}
    #menu1 a {color: #c095b0;}
    #menu1 a:hover {color: white;}
    #menu1 .module_menu_titre {height: 100%;
    background: #d1d1d1;
    padding: 15px;
    font-family: SF;
    font-size: 14pt;
    text-align: center;
    color: #44474a;}
    #menu1 .module_menu_contenu {padding: 15px 0px 30px 0px;}

    /*--recherche--*/
    .module_menu_type_search .module_menu_titre {display: none!important;}
    .module_menu_type_search .module_menu_contenu {background: none!important;
    border-bottom: none!important;}
    .module_menu_type_search [type="submit"] {display: none;}
    .module_menu_type_search input[type="text"] {height: 30px;
    width: 89%;
    padding-left: 30px!important;
    color: #333!important;
    border-radius: 5px;
    box-shadow: none;
    border: none;
    background: white;
    background-image: url('http://ekladata.com/6EDQP4lbqPa5Ex3AiysuQq_TLXI.png')!important;}

    /*--module dernier visiteurs--*/
    .module_menu_type_lastvisitors img {width: 60px;
    height: 60px;
    border-radius: 60px;
    margin: 5px;}
    /*--article--*/
    #content {width: 690px;
    margin: 40px;
    font-family: round;}
    /*-titre d'article-*/
    .module_titre_contenu, .module_titre_contenu a {color: #ffa68a}
    .module_titre_contenu:hover, .module_titre_contenu a:hover {}
    .module_titre_contenu {font-family: SF;
    font-size: 25pt;
    height: 100%;}
    /*-article info-*/
    .article_info {background: #fafafa;
    text-align: right;
    padding: 5px 15px 5px 5px;
    font-size: 8pt;
    margin: 5px 0px 10px 0px;}
    .article_info a {color: #171016!important;}

    .article_info a:hover {color: #ffbfac!important;}
    /*-contenu article-*/
    .module_contenu {color: #171016;
    font-size: 10pt;}
    .article_text {}
    .module_contenu a {color: #83bbe0;}
    .module_contenu a:hover {color: #badaba;}
    .module_bottom {}

    /*--commentaire--*/
    .comment_normal, .comment_admin {width: 100%;
    background: #ddf4f6;
    margin: 25px 0px 25px 0px;
    border-radius: 10px;}

    div.commentheader {height: 30px;
    border-bottom: dashed 1px #424953;
    line-height: 230%;
    font-family: SF;
    text-transform: uppercase;}
    div.commentbody {padding: 10px;}
    .commentbody p {}

    /*-numéro de commentaire-*/
    .commentnumber {font-family: SF;
    padding: 0px 5px 0px 15px;}
    .commentnumber:hover {}

    /*-comment pseudo-*/
    .commentpseudo {font-size: 16px;
    color: white;
    font-weight: normal!important;
    text-shadow: 1px 1px 0px #2f5074;}
    .commentpseudo img {display: none;}
    .commentpseudo a {color: #b8dbb9;
    font-weight: normal!important;
    text-shadow: 1px 1px 0px #2f5074;}
    /*-comment date-*/
    .commentdate {font-size: 7pt;
    letter-spacing: 1px;}
    /*-avatar de commentaire-*/
    .commentavatar {margin-right: -10px;}
    .commentavatar img {border: 2px solid #424953;
    border-radius: 80px 15px / 40px 70px;
    width: 40px;
    height: 40px;}


    /*--bouton--*/
    input[type=button],input[type=submit], button {background: #ffa68a;
    color: white;
    text-shadow: 1px 1px 0px #da7f62;
    text-transform: uppercase;
    font-size: 13pt;
    padding: 5px 10px 5px 10px;
    border: 3px solid #ffa68a;
    border-radius: 5px;
    font-weight: bold;}
    input[type=button]:hover,input[type=submit]:hover, button:hover {color: #ffa68a;
    background: white;
    text-shadow: none;}


    /*--forums--*/
    .post_table {width: 100%;
    background: #fafafa;
    margin: 5px 0px 35px 0px;
    border: 2px solid #424953;}

    .post_table_head {background: #424953;
    height: 35px;
    text-align: right;
    color: #dfdfdf;
    line-height: 250%;
    padding: 0px 10px 0px 0px;}

    .post_table_profile {width: 15%;
    background: #424953;}
    .post_table_profile a {color: white;
    position: absolute;
    margin-top: -30px;
    text-transform: uppercase;
    font-size: 14pt;
    margin-left: 15px;}
    .post_table_profile img {width: 70px;
    height: 70px;
    border-radius: 100px;
    margin: -15px 0px 20px 10px;}

    .post_table_msg {padding: 10px;}
    .forum_table {margin-top: 20px;}
    .forum_table th, .topic_table th{background: #f2c7df;
    font-size: 15px;
    font-weight: bold;
    padding: 5px 0 5px 10px;
    color: white;
    text-shadow: 1px 1px 0px #af8da5;}
    .forum_table tr:nth-child(even), .topic_table tr:nth-child(even){background: #fbfbfb;}
    .forum_table tr:nth-child(odd), .topic_table tr:nth-child(odd){background: #efefef;}
    .forum_table td, .topic_table td {padding: 5px 8px 5px 8px;}

    .forum-description {background: grey;
    color: white;
    padding: 10px;
    margin: 10px 0px 10px 0px;
    border-radius: 5px;}

    /*--footer--*/
    #footer {height: 80px;
    background: #424953;
    color: white;
    text-align: center;
    font-family: arial;
    font-size: 11pt;}
    #footer a {color: white;}
    #footer:after {content: "Header by natjkriss - Design original by Elinae - ©2016";
    color: white;}

    Pour installer le thème

    1. Mettre à zéro toutes les valeurs de votre blog et décocher tout ce que vous pouvez sauf > ça <.

    2. Choisir un seul menu à droite.

    3. Faites attention au nombre de lien dans le menu du header..

    4. Copier, coller et appliquer les codes CSS du thème proposé.

     

    Ce que vous devez faire et savoir en plus de copier le code

    1.   Si votre titre de blog est entièrement en lettre capitale, ça ne rendra pas bien.

    2. J'ai très peu codé le menu de droite, il est simplissime : si vous voulez le personnalisé : allez-y.

    3. Il vaut mieux choisir 8 derniers visiteurs pour le module "derniers visiteurs".

    4. Vous pouvez utiliser un menu déroulant pour votre menu du header.

      

    En cas de bug dans l'affichage du thème, vérifiez que toutes les valeurs du thème sont à zéro. Si le problème ne vient pas de là, n'hésitez pas à me prévenir et j'essaierai de voir où ça coince.

     

    Suite à mon article Les 6 fails de thème avant d'en arriver à la v.15 beaucoup de gens ont apprécié un de ces thèmes, j'ai donc décidé de le coder. En espérant qu'ils servent o/ ! 

    7 Juillet 2016. Le thème est  adapté aux grands écrans (au moins de 1120px de large) - Idée du thème en Janvier 2016


    123 commentaires
  • THÈME EN LIBRE SERVICE #9 - Halloween !

     

    Les Codes

    @font-face {font-family"blackr";
    src:url('http://ekladata.com/3wBEE6uYlSX2F4MaqSkIrj_Cf_U/BLACKR.ttf');}

    @font-face {font-family"Caladea";
    srcurl('http://ekladata.com/V10Z-N0iwp9rcTb0EfxUkzXJwyI/Caladea-Regular.ttf');}

    @font-face {font-family"cambria";
    src:url('http://ekladata.com/seWj_qyi6j3895zLN33nSez2A0M/cambria.ttc');}

    @font-face {font-family"Charlemagne";
    src:url('http://ekladata.com/gkWZQWQsiqBVLceNFiG_ZmE1kJU/CharlemagneStd-Bold.otf');}


    /*--fond fenêtre--*/
    #body {background#c0b7aa;
      word-wrapbreak-word;}
    #body {}

    /*--fond page--*/
    #background {background#32202c;
            width900px;}

    /*--header--*/
    #header {height430px;
        margin-bottom35px;
    background:url('http://ekladata.com/LrTIx7igbL_ShQRF5TeMhsijDpQ.png'50% 0% no-repeat#d46a17;}

    #titre_header {displayinline-block;
        positionrelative;
        top5px;
        left15px;
        text-alignright;
        font-familyblackr;
    colorwhite;
    text-shadow0px 0px 5px rgba(0,0,0,0.8);
    font-size15pt;}

    #titre_header a:hover {text-decorationnone;}

    #header-link {displayinline-block;}

    /*--menu header--*/
    #menu {height30px;
        width900px;
    list-style-typenone;
        margin0px;
        padding0px;
        positionabsolute;
        top400px;
        left0px;
    }

    #menu {width100%;
    color#f2d6c9;
    font-familyCaladea;
    text-transformuppercase;
    font-size15pt;
        height:30px;
    margin0px 0px 0px 7px;
         -webkit-transition-duration0.4s;
                       -moz-transition-duration0.4s;
                       transition-duration0.4s;
    -webkit-transition-timing-functionease-out;
                       -moz-transition-timing-function:ease-out;
                       transition-timing-functionease-out;}

    #menu a:hover {background#f0e7dc;
    color#db689e;
    text-decorationnone;
         -webkit-transition-duration0.08s;
                       -moz-transition-duration0.08s;
                       transition-duration0.08s;
    -webkit-transition-timing-functionease-out;
                       -moz-transition-timing-function:ease-out;
                       transition-timing-functionease-out;}

    #menu ul {positionabsolute;
        margin-left7px;
        background#f0e7dc;
    width250px;}

    #menu ul {color#d0835b;
    font-familycambria;
    text-transformuppercase;
    height100%;
    padding3px 0px 3px 10px;
         background#f0e7dc;
        border0px solid white;
    width240px;
         -webkit-transition-duration0.1s;
                       -moz-transition-duration0.1s;
                       transition-duration0.1s;
    -webkit-transition-timing-functionease-out;
                       -moz-transition-timing-function:ease-out;
                       transition-timing-functionease-out;}

    #menu ul a:hover {width:215px;
            border-left25px solid #db689e;
    background#edd3d2;
    color#d0835b;
         -webkit-transition-duration0.3s;
                       -moz-transition-duration0.3s;
                       transition-duration0.3s;
    -webkit-transition-timing-functionease-out;
                       -moz-transition-timing-function:ease-out;
                       transition-timing-functionease-out;}


    /*--menu1--*/

    #menu1_top {background:url('http://ekladata.com/dRVrhiWMpto1TulasEeUyAkkOaw.png'50% 0%;
    height160px;}


    #menu1_bottom {background:url('http://ekladata.com/uOogEwD13u9xBX7-VuS5zMlc0Js.png'50% 0% no-repeat;
    height30px;}

    #menu1 {background:url('http://ekladata.com/cxwgfj_FN2UNM3bCW01ChMN0L30.png');
        width275px;
        margin-right7px;}

    #menu1 {text-decorationnone;}
    #menu1 a:hover {}

    #menu1 .module_menu_titre {height100%;
        text-aligncenter;
        font-size12pt;
        text-transformuppercase;
        font-family:  charlemagne;
    color#32202c;
    padding0px 37px 0px 30px;
    text-shadow0.3px 1px 2pxrgba(255,255,255,0.3);}

    #menu1 .module_menu_contenu {
    padding0px 37px 0px 30px;
    font-familyCaladea;
    font-size10pt;
    color#32202c;
    margin-bottom21px;}

    /*--recherche--*/
    .module_menu_type_search [type="submit"]{width90%;
    margin-left1%;
        margin-right2%;}

    /*--module recherche--*/

    .module_menu_type_search input[type=text],.module_menu_type_search select,.module_menu_type_search textarea {
    width92%;
    border-radius3px;
    margin-bottom3px;}

    /*--module dernier visiteurs--*/
    .module_menu_type_lastvisitors {}

    .module_menu_type_lastvisitors img {}

    .module_menu_type_lastvisitors img:hover{}

    /*-dernier article-*/

    .module_menu_type_lastarticles a::before{content'>> ';}

    .module_menu_type_lastarticles {color:#dc99ba;}

    .module_menu_type_lastarticles a:hover{colorwhite;}

    .module_menu_type_html {color#dc99ba;}

    .module_menu_type_html a:hover {color:white;}

    .module_menu_type_stats {color#dc99ba;}

    .module_menu_type_stats a:hover {color:white;}

    .module_menu_type_links2 {color:#dc99ba;}

    .module_menu_type_links2 a:hover {color:white;}

    /*- dernier commentaire -*/

    .module_menu_type_lastcomments {color:#dc99ba;
    font-styleitalic;}

    .module_menu_type_lastcomments a:hover{colorwhite;}
    /*- dernier sujet -*/

    .module_menu_type_lasttopics a::before{content'>> ';}

    .module_menu_type_lasttopics {color:#dc99ba;}

    .module_menu_type_lasttopics a:hover {color:white;}

    .module_menu_type_lasttopics {display:none;}

    /*-calendrier-*/

    .module_menu_type_calendar {color:#dc99ba;}
    .module_menu_type_calendar a:hover {color:white;}
    #menu_calendar_month {color#212121;}
    #menu_calendar_month {colorblack;}
    .module_menu_type_calendar thead {text-transformuppercase;
    font-familyarial;
    colorblack;}
    .module_menu_type_calendar tbody tr {color:#212121;}

    .module_menu_type_calendar tbody a{background#604753;
    colorblack;
        font-weightbold;
    border-radius3px;}

    .module_menu_type_calendar tbody a:hover{background#eb995b;
    colorwhite;}

    /*-shoutbox-*/
    .menu_shoutbox {height300px;
        background:url('http://ekladata.com/UYKOXyQJETehq9Lygjys0t8qo5c@206x300.png'50% 50%;
        padding3px;
    border-radius5px;
    color#141414;}

    .menu_shoutbox strong {color#f7cb55;
    font-weightbold;
    text-transformuppercase;}

    .menu_shoutbox hr {width100%;
        height0px;
        margin-bottom8px;
        margin-top5px;}

    .module_menu_type_shoutbox input [type="text"],.module_menu_type_shoutbox select,.module_menu_type_shoutbox textarea{
    margin-top0px;
    backgroundrgba(0,0,0,0.4);
    colorwhite;
    border1px solid black;
    width100%;
    padding3px;}

    .module_menu_type_shoutbox [type="submit"]{bordernone;
        padding2px 0px 1px 0px;
        width100%;
        height20px;
        margin-top0px;}

    /*--module dernier visiteurs--*/
    .module_menu_type_lastvisitors {}

    .module_menu_type_lastvisitors img {width:40px;
    height40px;
    margin5px 13px 10px 13px;}

    .module_menu_type_lastvisitors img:hover{}


    /*--article--*/
    #content {}

    .module_titre_contenu.module_titre_contenu {height100%;
    font-familyblackr;
    font-size30pt;
    color#eb995b;
    line-height73%;
    text-shadow2px 3px 0px rgba(0,0,0,0.5);}

    .module_titre_contenu {
    -ms-transformrotate(-1.2deg)/* IE 9 */
        -webkit-transformrotate(-1.2deg)/* Chrome, Safari, Opera */
        transformrotate(-1.2deg)}

    .article_info {
    width100%;
    height10px;
        text-alignleft;
    opacity0.4;
    colorwhite;
    font-size5.5pt;
    padding-left50px;
    margin-bottom10px;}

    .article_info {}

    .article_info a:hover {}

    .module_contenu {margin-left22px;
        width575px;
    font-familyCaladea;
    font-size11pt;
    color#e4e3e4;
    text-alignjustify;}

    .article_text {padding-left20px;}
    .module_contenu {color#db689e;}
    .module_contenu a:hover {border-bottom4pxwhite double;
    colorwhite;}
    .module_bottom {}


    /*--commentaire--*/
    .comment_normal.comment_admin {width:98%;
    margin-leftautomargin-rightauto;
        margin-top10px;
        margin-bottom5px;
    background#382733;
    border-radius4px;}

    div.commentheader{height45px;
    background#db689e;}

    div.commentbody {padding4px;}

    .commentnumber {font-familyimpact;
    font-size18pt;
    width50px;
    text-aligncenter;
    margin-top7px;
    color#32202c;}

    .comment_admin .commentpseudo {color:white;}
    .comment_normal .commentpseudo {color:white;}

    .commentpseudo {font-familyblackr;
    font-size20pt;
    margin-left3px;
    margin-top-4px;
    colorwhite;
    min-width500px;
    max-width500px;}

    .commentpseudo {colorwhite;}
    .commentpseudo a:hover {bordernone;
    colorwhite;}

    .commentdate {floatleft;
    width500px;
        positionrelative;
    top-8px;
    font-familygeorgia;
    font-styleitalic;
    color#212121;
    font-size9pt;}

    .commentavatar {positionrelative;
        top-55px;
        paddingnone;
        margin-right-21px;}

    .commentavatar img {width53px;
    height53px;
    box-shadow0px 0px 5px #db689e;}

    .comment-reply {colorwhite;
    background#d0835b;
    border-radius3px;
    padding3px 5px 3px 5px;
    margin-left10px;}

    .comment-reply a:hover {bordernone;
    background#d16618;}

    .block-reply {padding-left0px;
    margin-left25px;
    border-left0px;
        margin-top15px;}

    .block-reply li {margin-right15px;
        margin-bottom18px;}

    .block-reply li .commentheader{height45px;
    backgroundnone;}

    .block-reply li .commentpseudo {padding3px0px 0px 5px;}
    .block-reply li .commentpseudo {color:#bcbcbc;}
    .block-reply li .commentdate {padding0px0px 0px 21px;
    color#7c7c7c;}

    .block-reply li .comment_normal.block-replyli  .comment_admin{border1px dashed #db689e;
    padding3px 7px 3px 7px;
    color#9a9a9a;}

    .block-reply li .commentavatar {positionrelative;
        top-64px;
        margin-right-45px;}

    .block-reply li .commentavatar img {width:40px;
        height40px;
        border-radius4px;}

    /*--bouton--*/
    input[type=button],input[type=submit]button {
    background#eb995b;
    colorwhite;
    text-transformuppercase;
    letter-spacing2pt;
    font-size12pt;
    bordernone;
    border-radius3px;
    text-shadow1px 1px 2px #db7a1b;}

    input[type=button]:hover,input[type=submit]:hoverbutton:hover {
    background-webkit-linear-gradient(#eb995b#db7a1b);
        background:    -moz-linear-gradient(#eb995b#db7a1b);
        background:     -ms-linear-gradient(#eb995b#db7a1b);
        background:      -o-linear-gradient(#eb995b#db7a1b);
        background:         linear-gradient(#eb995b#db7a1b);}

    /*--helpbubble--*/
    #help_bubble {}

    #background input[type=text]#backgroundselect#background textarea {
    height22px;
    border1px solid grey;
    padding0px 0px 2px 0px;
    border-radius2px;
    margin-right2px;}

    /*--recherche--*/
    .module_menu_type_search [type="submit"]{width90%;
    margin-left1%;
        margin-right2%;}

    /*--module recherche--*/

    .module_menu_type_search input[type=text],.module_menu_type_search select,.module_menu_type_search textarea {
    width92%;
    border-radius3px;
    margin-bottom3px;}


    /*--forums--*/
    .post_table {
        width574px;
            margin-bottom35px;
        margin-top10px;
        background#786c72;}

    .post_table_head {positionabsolute;
        margin-top120px;
        displayblock;
        backgroundrgba(0,0,0,0.3);
    width110px;
    padding3px 5px 3px 5px;
    colorwhite;
    font-familycambria;}

    .post_table_profile {z-index9;
        positionabsolute;
            margin-top10px;
        displayblock;
        width120px;
        text-aligncenter;
    font-familyblackr;
    font-size18pt;
    colorwhite;
    text-shadow0px 0px 5px black;
    line-height90%;
    -ms-transformrotate(-2.5deg)/* IE 9 */
        -webkit-transformrotate(-2.5deg)/* Chrome, Safari, Opera */
        transformrotate(-2.5deg)}

    .post_table_profile a:hover {bordernone;}

    .post_table_profile {floatleft;
        width120px;
        height220px;
    background:url('http://ekladata.com/UYKOXyQJETehq9Lygjys0t8qo5c.png'50% 85% no-repeat#786c72;}

    .post_table_profile img {positionrelative;
        displayblock;
        width70px;
        height70px;
    margin-left25px;
    z-index1;
    border-radius15px 7px 8px 13px;}

    .post_table_msg {background#564750;
    min-height200px;
    padding5px;
        min-width444px;}

    .tag-ontop {}

    .chemin_forum {color#a74292;
    text-decorationnone;}
    .chemin_forum a:hover {bordernone;
        text-shadow0px 0px 3pxrgba(255,255,255,0.7);}

    .forum_table th.topic_table th {font-family:cambria;
    text-transformuppercase;
    text-shadow0px 0px 3px rgba(0,0,0,0.5);
    colorwhite;
    padding0px 10px 0px 10px;}

    .forum_table td.topic_table td {padding0px10px 0px 10px;}

    .forum_table td a.topic_table td {color:#db689e;
        text-shadow0px 0px 3px #db689e;
    text-decorationnone;}

    .forum_table td a:hover.topic_table tda:hover {colorwhite;
    text-shadow0px 0px 3px white;
    bordernone;}

    .forum-description {padding10px;
    margin10px 5px 10px 5px;
    border1px dashed #1e121a;}

    .ok_topic {}

    .module_contenu_block {margin-top5px;}

    /*--footer--*/
    #footer {height100%;
        padding-bottom10px;
    background#090909;
    text-aligncenter;
    font-size15pt;
    padding-top10px;
    font-familycambria;}


    #footer {color#2e2e2e;}

    #footer a:hover {color#888;
    text-decorationnone;}

    #footer:after {content"- Thème spécial Halloween -  Design by Elinae  -  ©2015";
    color#2e2e2e}

    /*--pagination--*/
    .pagination {font-familycambria;
        font-size12pt;}

    .pagination span {colorwhite;
    background#151515;
    padding2px 13px 2px 13px;
    text-shadow0px 0px 3px white;
    font-size16pt;
    font-weightnormal;}

    .pagination {background#151515;
    padding2px 13px 2px 13px;
    color#888;}

    .pagination a:hover {bordernone;}

    Pour installer le thème

    1. Mettre à zéro toutes les valeurs de votre blog et décocher tout ce que vous pouvez sauf > ça <.

    2. Choisir un seul menu à gauche.

    3. Faites attention au nombre de lien dans le menu du header..

    4. Copier, coller et appliquer les codes CSS du thème proposé.

     

    Ce que vous devez faire et savoir en plus de copier le code

    1.  Vous pouvez utiliser la v2 du header pour ce thème. (v2 ici) [version plus claire avec des couleurs plus 'pétante'].

    2. Si vous utilisez la v2 du header, dans ce cas changer la couleur du fond du blog.
    Il suffit de changer ce code :

    /*--fond fenêtre--*/

    #body {background: #c0b7aa;
    word-wrap: break-word;}

    en

    /*--fond fenêtre--*/
    #body {background: #c2b59d;
    word-wrap: break-word;}

    3. Il vaut mieux choisir 6 derniers visiteurs pour le module "derniers visiteurs".

    4. Vous pouvez utiliser un menu déroulant pour votre menu du header.

     

    Thème Spécial Halloween ! Thème Spécial Halloween ! Thème Spécial Halloween ! Thème Spécial Halloween ! Thème Spécial Halloween !

     

    En cas de bug dans l'affichage du thème, vérifiez que toutes les valeurs du thème sont à zéro. Si le problème ne vient pas de là, n'hésitez pas à me prévenir et j'essaierai de voir où ça coince.

     

    1er octobre 2015. Le thème est aussi adapté aux petits écrans (moins de 1100px de large)


    48 commentaires
  • Depuis le temps que j'aurai du poster ce thème, le voici ! Pour ceux qui aiment les thèmes simples et sans manga, ça devrait le faire !

    THÈME EN LIBRE SERVICE #8 - Rose

     

    Les Codes

    @font-face {font-family: "Bebas_Neue";
    src: url('http://ekladata.com/DQ4_vfzSOgR64n05EBmf7v_kH2U/BebasNeue.otf');}

    @font-face {font-family: "lab";
    src: url('http://ekladata.com/AZplGHuUIoQTsWXwcEjSFTIGCV4/LABTOP_.ttf');}

    @font-face {font-family"trajan";
     srcurl('http://ekladata.com/Rgb3CmX4cI4aez15Og9j-7S5AJQ/TrajanPro3-Regular.otf');}


    /*--fond fenêtre--*/
    #body {       background:url('http://ekladata.com/lZFwOjGqaKuT9dGag-aG4z7Kv28.jpg') repeat;
    font-family: arial;
    word-wrap: break-word;}
    #body a { text-decoration: none;}

    /*--fond page--*/
    #background {width: 1000px;
        margin: 0 auto;}

    /*--header--*/
    #header {height: 180px;}

    #titre_header {top: 100px;
    line-height: 180%;
    letter-spacing: 8.15pt;}

    #titre_header a {display: inline-block;
        width: 100%;
        text-align: center;
        font-size19pt;
        font-familytrajan;
            font-weightbold;
        color: white;
        text-shadow: -1.5px 1.5px 0px #232323, 0px 0px 3px #505050;}

    #titre_header a:hover {text-shadow: -2.5px 1.5px 0px #ff497c, 0px 0px 3px #ff497c;}

    /*--menu header--*/
    #menu {width: 100%;
        height: 50px;
        padding-top: 15px;}

    #menu a {display: inline;
        font-family: bebas_neue;
        font-size: 20pt;
        color: white;
        background: #232323;
        margin-right: 15px;
        padding: 5px;
        border-radius: 5px 18px / 12px 8px;}

    #menu a:hover {background: rgba(0,0,0,0.5);}

    #menu ul a {display: inline-block;
        margin-top: 5px;
        padding-bottom: 10px;
        line-height: 100%;}

    #menu ul a:hover {display: inline-block;
        margin-top: 5px;
        padding-bottom: 10px;
        line-height: 100%;}

    /*--menu1--*/
    #menu1 {width: 300px;}

    #menu1 a {color:#ff497c;}

    #menu1 a:hover {color: white;}

    #menu1 .module_menu_titre {height: 100%;
        font-family: lab;
        font-size: 25pt;
        background: #232323;
        color: white;
        padding-left: 10px;
        border-bottom: 1px dashed #323232;}

    #menu1 .module_menu_contenu {background: #232323;
        color: #999;
        padding: 6px;
        margin-bottom: 35px;}

    .module_menu_type_search input[type="text"], .module_menu_type_search select, .module_menu_type_search textarea {width: 98%;
        height: 25px;
        color: grey;}

    .module_menu_type_search [type="submit"] {border: none;
        padding: 2px 0px 1px 0px;
        width: 100%;
        font-family: "Bebas_Neue";
        font-size: 19pt;
        margin-top: 7px;}

    .menu_shoutbox {height: 215px;}
    .menu_shoutbox {border-width: 1px;
        border-style: solid;
        border-color: rgb(64,64,64);
        padding: 3px;}

    .menu_shoutbox hr {width: 100%;
        background: rgb(48, 48, 48);
        height: 1px;
        margin-bottom: 2px;
        margin-top: 2px;}

    .module_menu_type_shoutbox input[type="text"], .module_menu_type_shoutbox select, .module_menu_type_shoutbox textarea {margin-top: 7px;
        width: 100%;
        height: 28px;
        color: grey;
        padding-top: 2px; padding-bottom: 2px;}

    .module_menu_type_shoutbox [type="submit"] {border: none;
        padding: 2px 0px 1px 0px;
        width: 100%;
        font-family: "Bebas_Neue";
        font-size: 19pt;
        margin-top: 7px;}

    #menu_calendar_month {color: #999;}

    .module_menu_type_calendar thead {background: #ccc;
        color: black;}

    .module_menu_type_calendar tbody tr {color: #a5a5a5;}


    .module_menu_type_calendar tbody a {color: #555;
        font-weight: bold;}

    .module_menu_type_calendar tbody a:hover {color: white;}

    .module_menu_type_lastvisitors img {width:65px;
        height: 65px;
        margin: 2px;}

    /*--article--*/
    #content {margin-top: 10px;
        width: 630px;
        margin-left: 330px;
        padding-left: 5px; padding-right: 5px;}

    .module_titre_contenu, .module_titre_contenu a {display: inline;
        font-family: "Bebas_Neue";
        font-size: 23pt;
        background: #ff497c;
        color: white;}

    .module_titre_contenu {height: 100%;
        padding-top: 9px;
        padding-bottom: 5px;
        padding-left: 10px;
        padding-right: 10px;}

    .article_info {text-align: right;
        font-size: 10px;
        padding-bottom: 5px;}

    .module_contenu {margin-top: 15px;
        padding: 7px;}

    .module_contenu {background: #fefefe;
        border: 1px solid #ccc;}

    .module_contenu a {color: #ff497c;}

    .module_contenu a:hover {background-color: #ff497c;
        color:white;
        border-radius: 3px;}

    .module_bottom {height: 20px;}

    /*--footer--*/
    #footer {height: 100%;
        color: #ff497c;
        font-family: lab;
        font-size: 10pt;
        text-align: center;
        letter-spacing: 2pt;}

    #footer a {color: #ff497c;
        font-family: lab;
        font-size: 10pt;}

    #footer a:hover {color: #dadada;}


    #footer:after {content: "-  Design by Elinae  -  © 2015";}

    /*--commentaire--*/
    .comment_normal, .comment_admin {width: 100%;
        border-bottom: 1px dashed #dbdbdb;}


    div.commentheader{}

    div.commentbody {margin-top: 10px;
        margin-bottom: 20px;
        text-align: justify;}

    div.commentbody a {}

    div.commentbody a:hover {}

    .comment_admin .commentnumber {color: #696969;}

    .commentnumber {font-family: impact;
        font-size: 12pt;
        width: 22px;
        color: black;
        line-height: 160%;}

    .commentpseudo a {color: black;}

    .commentpseudo a:hover {}

    .commentpseudo {font-family: bebas_neue;
        font-size: 20px;}

    .comment_admin .commentpseudo a{color: #ff497c;}
    .comment_admin .commentpseudo a:hover {color: white;}

    .commentdate {font-family: "lab";
        font-size: 13pt;
        letter-spacing: 3pt;}

    .commentavatar {margin-right: 10px;
        margin-left: 5px;}

    .commentavatar img {border-radius: 50px / 100px;
        border: 3px solid #dadada;}


    /*--bouton--*/
    input[type=button],input[type=submit], button {background: #ff497c;
        color: white;
        font-family: bebas_neue;
        font-size: 17px;
        letter-spacing: 1.2pt;
        border: none;
        padding: 2px 8px 0px 8px;}

    input[type=button]:hover, input[type=submit]:hover, input[type=reset]:hover, button:hover, .button:hover {background-color: #ffaf44;}

    /*--helpbubble--*/
    #help_bubble {background: white;
        border: 1px dashed #dbdbdb;
        color: grey;
        border-radius: 3px;}


    /*--forums--*/
    .post_table {width: 100%;
        margin-bottom: 15px;}

    .post_table_head {background: #ccc;
        padding: 5px;
        font-family: arial;
        color: white;
        text-align: right;
        border-bottom: 1px dashed #ababab;}

    .post_table_profile a {font-family: bebas_neue;
        font-size: 20px;}

    .post_table_profile a:hover {}

    .post_table_profile {text-align: right;
        width: 86px;
        padding-right: 5px;
        padding-bottom: 5px;
        background: #e9e9ea;
        border-right: 1px dashed #ababab;
        border-bottom: 1px solid #ababab;}

    .post_table_profile img {width: 75px;
        height: 75px;
        border-radius: 50px / 100px;
        border: 3px solid #ababab;}

    .post_table_msg {padding: 7px;
        background: #e9e9ea;
        border-bottom: 1px solid #ababab;
        border-right: 7px solid #ccc;}



    .chemin_forum {color#505050;}

    .chemin_forum a:hover {}

    .forum_table th.topic_table th {font-family: arial;
        font-weight: normal;
    text-transformuppercase;
    text-shadow0px 0px 3px rgba(0,0,0,0.5);
    color#505050;
    padding0px 10px 0px 10px;}

    .forum_table td.topic_table td {padding0px 10px 0px 10px;}

    .forum_table td a.topic_table td {color#ff497c;
    text-decorationnone;}

    .forum_table td a:hover.topic_table td a:hover {}

    .forum-description {padding10px;
    margin10px 5px 10px 5px;
    border1px dashed #505050;}

    /*--pagination--*/
    .pagination {font-family: bebas_neue;
        font-size: 12pt;}

    .pagination a {padding-left: 5px; padding-right: 5px;}

    .pagination img {
    }

    Pour installer le thème

    1. Mettre à zéro toutes les valeurs de votre blog et décocher tout ce que vous pouvez sauf > ça <.

    2. Choisir un seul menu à gauche.

    3. Faites attention au nombre de lien dans le menu du header..

    4. Copier, coller et appliquer les codes CSS du thème proposé.

     

    Ce que vous devez faire et savoir en plus de copier le code

    1.  La couleur de ce thème est du rose (celui ci #ff497c), mais vous pouvez très bien la remplacer par une autre couleur.

    2. Dans le cas où vous souhaitez changer la couleur du thème : chercher tout les éléments qui ont pour valeur la couleur #ff497c et remplacez-la.

    3. Il vaut mieux choisir 8 derniers visiteurs pour le module "derniers visiteurs".

    4. Vous pouvez utiliser un menu déroulant pour votre menu du header.

     

    En cas de bug dans l'affichage du thème, vérifiez que toutes les valeurs du thème sont à zéro. Si le problème ne vient pas de là, n'hésitez pas à me prévenir et j'essaierai de voir où ça coince.

     

    24 mai 2015. Le thème est aussi adapté aux petits écrans (moins de 1100px de large)


    87 commentaires
  •  

    Les Codes

    @font-face {font-family: "Bebas_Neue";

    src: url('http://ekladata.com/DQ4_vfzSOgR64n05EBmf7v_kH2U/BebasNeue.otf');}

    @font-face {font-family: "lake";
    src: url('http://ekladata.com/IP339OmJlEw9I-NGBUtfHMzGmP0/Lakesight_PersonalUseOnly.ttf');}

    @font-face {font-family: "lab";
    src: url('http://ekladata.com/AZplGHuUIoQTsWXwcEjSFTIGCV4/LABTOP_.ttf');}

    /*--fond fenêtre--*/
    #body { background:url('http://ekladata.com/iB3D7ti4-5-WNSLuO0Rnfy6XK2U.jpg') repeat;
    font-family: arial;}
    #body a { text-decoration: none;}

    /*--fond page--*/
    #background {width: 89%;
    margin-left: 30px;}

    /*--header--*/
    #header {height: 75px;}

    #titre_header {position: absolute;
    top: 320px;
    left: 850px;
    text-align: left;
    line-height: 30pt;
    width: 542px;
    font-family: "lake";
    -webkit-transform: rotate(-90deg);
    -moz-transform: rotate(-90deg);
    -o-transform: rotate(-90deg);
    transform: rotate(-90deg);}

    #titre_header a {color: #ffaf44;
    font-size: 63pt;
    text-shadow: 0px 0px 5px #ba0e25;
    -webkit-transition-duration: 0.4s;
    -moz-transition-duration: 0.4s;
    transition-duration: 0.4s;
    -webkit-transition-timing-function: ease-out;
    -moz-transition-timing-function: ease-out;
    transition-timing-function: ease-out;}

    #titre_header a:hover {color: #34c0cb;
    text-shadow: 0px 0px 5px #7b7b7b;
    -webkit-transition-duration: 0.2s;
    -moz-transition-duration: 0.2s;
    transition-duration: 0.2s;
    -webkit-transition-timing-function: ease-out;
    -moz-transition-timing-function: ease-out;
    transition-timing-function: ease-out;}

    /*--menu header--*/
    #menu {position: absolute;
    top: 21px;}

    #menu a {display: block;
    width: 105px;
    height: 27px;
    text-align: center;
    border: 1px solid #f9f09e;
    background: #f9f09e;
    font-family: "lab";
    font-size: 19pt;
    letter-spacing: 5pt;
    color: black;
    padding: 2px 10px 7px 10px;
    margin-right: 25px;
    -webkit-transition-duration: 0.4s;
    -moz-transition-duration: 0.4s;
    transition-duration: 0.4s;
    -webkit-transition-timing-function: ease-out;
    -moz-transition-timing-function: ease-out;
    transition-timing-function: ease-out;}

    #menu a:hover {background: white;
    text-shadow: 0px 0x 3px black;
    border: 1px solid #dbdbdb;
    -webkit-transition-duration: 0.4s;
    -moz-transition-duration: 0.4s;
    transition-duration: 0.4s;
    -webkit-transition-timing-function: ease-out;
    -moz-transition-timing-function: ease-out;
    transition-timing-function: ease-out;}

    /*--menu1--*/
    #menu1 {background: url('http://ekladata.com/0CVIFL-EmH7pp8e8bD3Xhwza_O0@375x545.jpg');
    width: 375px;
    border: 3px solid #dbdbdb;
    min-height: 542px;
    max-height: 542px;
    overflow-y: auto;
    font-family: arial;
    font-size: 12pt;
    }

    #menu1 a {color: #ff0c50;
    text-shadow: 1px 1px 0px white, -1px -1px 0px white, -1px 1px 0px white, 1px -1px white;}

    #menu1 a:hover {background-color: #34c0cb;
    color:white;
    border-radius: 3px;
    text-shadow: none;}

    #menu1 .module_menu_titre {display: none;}

    #menu1 .module_menu_contenu {padding: 0px 5px 0px 5px;
    opacity: 0;
    -webkit-transition-duration: 0.4s;
    -moz-transition-duration: 0.4s;
    transition-duration: 0.4s;}

    #menu1 .module_menu_contenu:hover {opacity: 1;
    background: rgba(255,255,255,0.6);
    min-height: 542px;
    -webkit-transition-duration: 0.09s;
    -moz-transition-duration: 0.09s;
    transition-duration: 0.09s;}

    .module_menu_type_lastvisitors {position: absolute;
    top: 0px;
    right: 0px;
    width: 60px;
    margin-left: -10px;}

    .module_menu_type_lastvisitors img {width: 45px;
    height: 45px;
    border-radius: 100px;
    margin-bottom: 15px;
    margin-top: 5px;}

    /*--article--*/
    #content {width: 645px;
    position: absolute;
    top: 75px;
    left: 60px;
    background: #f9f9f9;
    border: 1px solid #dbdbdb;
    min-height: 542px;
    max-height: 542px;
    overflow-y: auto;
    }

    .module_titre_contenu, .module_titre_contenu a {font-family: "Bebas_Neue";
    font-size: 23pt;
    letter-spacing: 1pt;
    color: #34c0cb;
    text-shadow: 2px 0px 0px #dbdbdb;
    }

    .module_titre_contenu {border-bottom: 1px dashed #dbdbdb;
    height: 100%;
    padding-top: 5px;
    padding-bottom: 5px;
    padding-left: 10px;
    padding-right: 10px;}

    .article_info {display: none;}

    .module_contenu {padding: 7px;}

    .module_contenu a {color: #ff497c;}

    .module_contenu a:hover {background-color: #34c0cb;
    color:white;
    border-radius: 3px;}

    .module_bottom {height: 20px;}

    /*--footer--*/
    #footer {display: block;
    color: grey;
    font-size: 8pt;}

    #footer a {color: grey;}


    #footer:after {content: "- Design by Elinae - © 2015";}

    /*--commentaire--*/
    .comment_normal, .comment_admin {border-bottom: 1px dashed #dbdbdb;}


    div.commentheader{}

    div.commentbody {margin-top: 10px;
    margin-bottom: 20px;
    text-align: justify;}

    div.commentbody a {}

    div.commentbody a:hover {}

    .comment_admin .commentnumber {color: #696969;}

    .commentnumber {font-family: impact;
    font-size: 12pt;
    width: 22px;
    color: black;
    line-height: 160%;}

    .commentpseudo a {color: black;}

    .commentpseudo a:hover {}

    .commentpseudo {font-family: bebas_neue;
    font-size: 20px;}

    .comment_admin .commentpseudo a{color: #ff497c;}
    .comment_admin .commentpseudo a:hover {color: white;}

    .commentdate {font-family: "lab";
    font-size: 13pt;
    letter-spacing: 3pt;}

    .commentavatar {margin-right: 10px;
    margin-left: 5px;}

    .commentavatar img {border-radius: 50px / 100px;
    border: 3px solid #dbdbdb;}


    /*--bouton--*/
    input[type=button],input[type=submit], button {background: #34c0cb;
    color: white;
    font-family: bebas_neue;
    font-size: 17px;
    letter-spacing: 1.2pt;
    border: none;
    padding: 2px 8px 0px 8px;}

    input[type=button]:hover, input[type=submit]:hover, input[type=reset]:hover, button:hover, .button:hover {background-color: #ff497c;}

    /*--helpbubble--*/
    #help_bubble {background: white;
    border: 1px solid grey;
    color: grey;
    border-radius: 3px;}


    /*--forums--*/
    .post_table { margin-bottom: 15px;}

    .post_table_head {background: #ffaf44;
    padding: 5px;
    font-family: arial;
    color: white;
    text-align: right;
    border-bottom: 1px dashed #ababab;}

    .post_table_profile a {font-family: bebas_neue;
    font-size: 20px;}

    .post_table_profile a:hover {}

    .post_table_profile {text-align: right;
    width: 86px;
    padding-right: 5px;
    padding-bottom: 5px;
    background: #e9e9ea;
    border-right: 1px dashed #ababab;
    border-bottom: 1px solid #ababab;}

    .post_table_profile img {width: 75px;
    height: 75px;
    border-radius: 50px / 100px;
    border: 3px solid #ababab;}

    .post_table_msg {padding: 7px;
    background: #e9e9ea;
    border-bottom: 1px solid #ababab;
    border-right: 7px solid #ffaf44;}


    /*--pagination--*/
    .pagination {font-family: bebas_neue;
    font-size: 12pt;}

    .pagination a {padding-left: 3px; padding-right: 3px;}

    .pagination img {}

    /*fenetre*/
    .window_title{ font-size: 25px; color: white; text-shadow: 2px 1px 0px #5892b8;
    font-family: bebas_neue;
    letter-spacing: 1.3pt;
    line-height: 120%;}
    .window_handle_content {background: #95c6e6 ;text-align:center;}
    .window_handle_left{ background: #95c6e6 ;border-radius: 3px 0 0 0;}
    .window_handle_right{ background: #95c6e6 ;border-radius: 0 3px 0 0;}
    .window_content_wrapper1{ background: #95c6e6;}
    .window_content_wrapper2{ background: #95c6e6;}
    .window_bottom_wrapper1{ background: #95c6e6; border-radius: 0 0 3px 3px}
    .window_bottom_wrapper2{ background: #95c6e6 ;border-radius: 0 0 3px 3px}
    .window_bottom{ background: #95c6e6;}
    .window_tabs span.window_tab_active {background-color: COLOR;}
    .window_tabs span {background-color: color;}
    .window {box-shadow: 0px 0px 5px black;
    border-radius: 3px;}

    Pour installer le thème

      1. Mettre à zéro toutes les valeurs de votre blog et décocher tout ce que vous pouvez.

      2. Choisir un seul menu à gauche.

      3. Vous ne devez garder qu'un seul module simple (pas de derniers visiteurs ou de shoutbox..etc).

      4. Ne pas mettre plus de 7 liens dans le menu du header.

      5. Copier, coller et appliquer les codes CSS du thème proposé.

     

    Ce que vous devez faire et savoir en plus de copier le code

    1.  Considérez que ce thème n'a pas de menu !

    2. Au risque de me répéter : ce thème ne doit comporter qu'un seul module SIMPLE dans le menu de gauche, et il ne doit PAS y avoir de derniers visiteurs, de module de recherche et autre. Le module simple existant sert uniquement à ceux voulant faire une description de leur blog.

    3. L'apparence des commentaires et des messages du forum  a été codée.

    4. Ce thème devrait avoir un bon rendu sur les écrans petits comme grand.

    5. Ce thème a un meilleur rendu sur ordinateur !

     

    En cas de bug dans l'affichage du thème, vérifiez que toutes les valeurs du thème sont à zéro. Si le problème ne vient pas de là, n'hésitez pas à me prévenir et j'essaierai de voir où ça coince.

     

    21 avril 2015. Le thème est aussi adapté aux petits écrans (moins de 1100px de large)


    134 commentaires
  • Thème en libre service #6 - Manga Girl Violet/Jaune [BIENTOT]

     

    Les Codes

    @font-face {font-family: "trajan";

    src: url('http://ekladata.com/Rgb3CmX4cI4aez15Og9j-7S5AJQ/TrajanPro3-Regular.otf');}

     

    @font-face {font-family: "nathaniel";

        src: url('http://ekladata.com/Pfv8RPwS_IqupMJaS8KZVKMaoHo/Nathaniel.ttf');} 

     

    /*--fond fenêtre--*/

    #body {        background:url('http://ekladata.com/kpGAqaSeO7RLb8xhIlABYUbtf4A.png') repeat;}

    #body a { text-decoration: none;}

     

    /*--fond page--*/

    #background { background: url('http://ekladata.com/YFTCQVjb3mn2SXwjaPD5Nv_zF2A.jpg') no-repeat;

    width: 900px;

        background-color: #f6f4f3;

    box-shadow: 0px -3px 7px #0606;

    border-left: 1px solid #b7007a;

    border-right: 1px solid #b7007a;}

     

    /*--header--*/

    #header {background: url('http://ekladata.com/ovZgu0jpApcHNRmYzZ5K-XiyrvE.jpg');

    height: 320px;

    margin-bottom: 20px;}

     

     

    #titre_header {font-size: 35pt;

    color: black;

    font-family: Nathaniel;

        padding: 5px 5px 0px 5px;

        font-weight: lighter;}

     

    #titre_header a {color: white;

    text-shadow:  1px 1px 0px #ab0075, -1px -1px 0px #ab0075, -1px 1px 0px #ab0075, 1px -1px 0px #ab0075; }

     

     

    /*--menu header--*/

    #menu {display: none;}

     

    /*--menu1--*/

    #menu1 {

        border-radius: 10px 10px 10px 10px;

        background: rgba(207,0,107,0.4);

        width: 240px;

    color: #9e9e9e;

    margin-left: 10px;

    margin-top: 35px;}

     

    #menu1 a {color: #b7007a;}

    #menu1 a:hover {color: #e4079a;}

     

    #menu1 .module_menu_titre {height: 25px;

    font-size: 15pt;

        text-align: left;

    color: white;

    font-family: Trajan;

    line-height: 130%;

    text-shadow: 0px 0px 5px #f817ae;

    margin-top: 5px;

    margin-left: 10px;}

     

    #menu1 .module_menu_contenu {padding-left: 10px;

        padding-right: 10px;

    padding-top: 10px;

    padding-bottom: 30px;

    color: white;

    font-family: arial;

    font-size: 11pt;}

     

     

    /*--module dernier visiteurs--*/

    .module_menu_type_lastvisitors {position: absolute;

    top: 295px;

    margin-left: 270px;}

     

    .module_menu_type_lastvisitors img {width:35px;

    height: 35px;

    margin-bottom: 15px;

        border: 3px solid white;

    box-shadow: 0px 0px 4px #bababa;

    opacity: 0.9;

    margin-right: 5px;

    margin-left: 7px;

          -webkit-transition-duration: 0.3s;

                       -moz-transition-duration: 0.3s;

                       transition-duration: 0.3s;

    -webkit-transition-timing-function: ease-out;

                       -moz-transition-timing-function: ease-out;

                       transition-timing-function: ease-out;}

     

    .module_menu_type_lastvisitors img:hover{

    border-radius: 20px 85px / 75px 30px;

          -webkit-transition-duration: 0.3s;

                       -moz-transition-duration: 0.3s;

                       transition-duration: 0.3s;

    -webkit-transition-timing-function: ease-in;

                       -moz-transition-timing-function: ease-in;

                       transition-timing-function: ease-in;}

     

    /*--shootbox--*/

    .menu_shoutbox {background-color: #fbfbfb;

    border: solid 1px #c7c7c7;

    padding: 5px 5px 5px 5px;

    margin-bottom: 10px;

    color: grey;}

     

    .menu_shoutbox hr {width: 90%;

    border-bottom: dashed 1px #d5d5d5;}

     

    /*--article--*/

    #content {width: 590px;

    margin-left: 280px;

    margin-top: 90px;}

     

    .module_titre_contenu, .module_titre_contenu a {

        height: 32px;

        width: 580px;

    font-weight: lighter;

        font-family: Trajan;

        color: #b0007c;

        font-size: 16.3pt;

        letter-spacing: -0.3pt;

    text-decoration: none;

    text-align: center;

    text-shadow: 1px 1px 0px white, -1px -1px 0px white, -1px 1px 0px white, 1px -1px 0px white, 2px 2px 0px white, -2px -2px 0px white, -2px 2px 0px white, 2px -2px 0px white;}

     

    .module_titre_contenu {

    padding-left: 10px;

    line-height: 165%;

    border-bottom: double 3px #b0007c;}

     

    .article_info { height: 10px;

        font-size: 10px;

        font-family: arial;

        color: black;

        opacity: 0.5;

        text-align: right;

        padding-bottom: 10px;

    }

     

    .module_contenu {

        padding-top: -5px;

        padding-left: 3px;

        padding-right: 3px;

        padding-bottom: 10px;

    font-family: arial;

    font-size: 11.5pt;

    color: #565656;

    letter-spacing: 0.6pt;

    }

     

     

    .module_contenu a {

        color: #f98e2c;

        font-weight: bold;

    }

     

    .module_contenu a:hover {

        color: #f9cd2a;

    }

     

    .module_bottom {

        height: 40px;

     

    }

     

    /*--footer--*/

    #footer {

        height: 25px;

        font-size: 14px;

        color: black;

    float: right;

    padding-top: 45px;

    margin-right: 30px;

    opacity: 0.5;}

     

    #footer a {

        color: black;

    }

     

     

    #footer:after {content: "-  Design original by Elinae  -  © 2015";}

     

    /*--commentaire--*/

    .comment_normal, .comment_admin {

    width: 580px;

        background-color: #f8f4f3;

        border-radius: 15px 15px 15px 15px;

        color: #494949;

            border-top: 1px solid #494949;

        border-bottom: 3px solid #494949;

        border-right: 3px solid #494949;

        border-left: 1px solid #494949;

        margin-bottom: 20px;

        margin-top: 25px;

    }

     

    .comment_normal:hover, .comment_admin:hover {background: #efeae9;}

     

    div.commentheader{

    background: url('http://ekladata.com/AnDwxC5Jifd2TgyBVvYGbirwpps.png');

    background-color: white;

        border-radius: 15px 15px 0px 0px;}

     

    div.commentbody {

        padding-top: 10px;

        padding-right: 10px; padding-left: 10px;

        padding-bottom: 10px;

    text-align: justify;

    margin-bottom: 25px;}

     

    .comment_admin .commentnumber {

        color: #494949;

    font-family: impact;

    font-weight: lighter;

    font-size: 25px;

    float: left;}

     

    .commentnumber {

    float: left;

       color: #494949;

    font-family: impact;

    font-size: 25px;

            font-variant: normal;

    text-align: center;

    padding-right: 10px;

    width: 45px;

    padding-left: 10px;}

     

    .commentpseudo a {

    font-style: normal;

    text-decoration: none;

    font-variant: normal;

    }

     

    .commentpseudo {

        line-height: 140%;

    padding-top: 5px;

    font-family: Trajan;

        padding-right: 15px;

        font-size: 18px;

        font-weight: bold;

    float: right;

    letter-spacing: 3pt;

    text-shadow: 1px 1px 0px white, -1px -1px 0px white, -1px 1px 0px white, 1px -1px 0px white;}

     

    .comment_admin .commentpseudo {

    font-style: normal;

    text-decoration: none;

    font-variant: normal;

    }

     

    .commentdate {float: left;

    font-size: 9pt;

    padding-top: 5px;

    padding-left: 10px;

    font-family: Arial, Helvetica, sans-serif;

    color: #494949;

        opacity: 0.8;

        line-height: 200%;

    }

     

    .commentavatar {float: right;}

     

    .commentavatar img {

    width: 90%;

    border-radius: 75px 28px 43px / 65px;

    box-shadow: 0px 0px 5px #c0008d;}

     

     

    /*--bouton--*/

    input[type=button],input[type=submit], button {

        background: linear-gradient( #f67112, #faa060);

    padding: 7px 14px 3px 14px;

    color: white;

        border-radius: 10px / 20px ;

        border-top: 1px solid #ffc9a2;

        border-left: 1px solid #f67112;

        border-right: 1px solid #f67112; 

        border-bottom: 1px solid #f67112;

    font-family: Trajan;

    letter-spacing: 0.1pt;

    font-size: 11pt;}

     

    input[type=button]:hover, input[type=submit]:hover, input[type=reset]:hover, button:hover, .button:hover {

        background: linear-gradient( #faa060, #f67112);

    }

     

    /*--helpbubble--*/

    #help_bubble {background: white;

        border: 1px solid grey;

    border-radius: 4px;

    color: grey;}

     

    /*--recherche--*/

    .module_menu_type_search { position: absolute;

        top: -30px;

    margin-left: 0px;}

     

    .module_menu_type_search [type="submit"] {opacity: 0;}

     

    /*--module recherche--*/

     

    #background input[type=text], #background select, #background textarea {

        width: 200px;

        height: 25px;

        margin-bottom: 5px;

    opacity: 0.7;

    border: none;

    border: 1px solid grey;}

     

     

    /*--forums--*/

    .post_table_head {background: rgba(182,0,119,.7);

        padding: 3px 2px 3px 2px;

    text-align: center;

    font-family: arial;

    color: white;

    border-radius: 15px 15px 0px 0px;}

     

    .post_table_profile a {position: relative;

        top: 105px;

        display: block;

        width: 100%;

        padding-top: 3px;

        background: rgba(255,255,255,.7);

        color: #f28026;}

     

    .post_table_profile a:hover {color: black;}

     

    .post_table_profile {background: url('http://ekladata.com/PDYSema1CchtOvZh15N7jV12KmA.jpg');

    width: 110px;

    height: 190px;

        padding-top: 10px;

    font-family: "Trajan";

    font-size: 17px;

        letter-spacing: -0.4pt;

    text-align: center;

    border-radius: 0px 0px 0px 15px;}

     

    .post_table_profile img {position: relative;

        top: -40px;

        border-radius: 8px / 20px;

        box-shadow: 0px 0px 8px white;}

     

    .post_table_msg { background: #f7f7f7;

    padding: 5px 10px 5px 10px;

    border-radius: 0px 0px 15px 0px;

    color: grey;

    box-shadow: inset 0px 0px 7px grey;}

    .post_table_msg p {width: 455px;}​

    Pour installer le thème

      1. Mettre à zéro toutes les valeurs de votre blog et décocher tout ce que vous pouvez sauf > ça <.

      2. Choisir un seul menu à gauche.

      3. Vous devez placer vous-même le titre de votre blog en allant dans Apparence > Modifier le thème > En-tête (header) > Titre > Déplacer à la souris.

      4. Ne pas mettre de lien dans le menu du header.

      5. Copier, coller et appliquer les codes CSS du thème proposé.

     

    Ce que vous devez faire et savoir en plus de copier le code

    1. Enlever le titre du module "derniers visiteurs" pour que ça donne le même résultat que ci-dessus.

    2. Pour que la barre de recherche soit affichée en haut à gauche comme dans le screen, vous devez ajouté le module "recherche".

    3. L'apparence des commentaires, des messages du forum et de la shoutbox a été codée.

    4. A priori pas de bug pour ce thème : mais n'hésitez pas à me les signaler si il y en a.

     

    Thème en libre service #6 - Manga Girl Violet/Jaune [BIENTOT] Thème en libre service #6 - Manga Girl Violet/Jaune [BIENTOT] Thème en libre service #6 - Manga Girl Violet/Jaune [BIENTOT] Thème en libre service #6 - Manga Girl Violet/Jaune [BIENTOT] Thème en libre service #6 - Manga Girl Violet/Jaune [BIENTOT] Thème en libre service #6 - Manga Girl Violet/Jaune [BIENTOT]

    En cas de bug dans l'affichage du thème, vérifiez que toutes les valeurs du thème sont à zéro. Si le problème ne vient pas de là, n'hésitez pas à me prévenir et j'essaierai de voir où ça coince.

     

    27 mars 2015. Le thème est aussi adapté aux petits écrans (moins de 1100px de large)


    158 commentaires
  • Comme promis, après les 100 votes au sondage, voici le 5ème thème en libre service

    Thème en libre service #5 - Tamako Love Story

     

    Les Codes

    @font-face {font-family: "Bebas_Neue";
    src: url('http://ekladata.com/DQ4_vfzSOgR64n05EBmf7v_kH2U/BebasNeue.otf');}


    /*--fond fenêtre--*/
    #body {background:url('http://ekladata.com/HoUo8QjAQzTA1DGYPY3koHwKXMA.jpg') fixed repeat-x 50% 0%;}
    #body a { text-decoration: none;}

    /*--fond page--*/
    #background {
    width: 1100px;
    margin-top: 0px;
    border-right: solid 1px #858585;
    border-left: solid 1px #858585;
    box-shadow: 0px 0px 7px #b4b4b4;
    background: url('http://ekladata.com/3TJ8pywRld7WY8UooKNnnvYZMV0.jpg') no-repeat 50% 0% white;}

    /*--header--*/
    #header {
    height: 370px;}

    #titre_header {font-size: 0px;}

    .bannimg {position: absolute;
    top: 190px;
    margin-left: -720px;}

    #menu {position: relative;
    top: 10px;
    left: 35px;
    display: none;}

    #menu a {
    display: block;
    width: 110px;
    height: 30px;
    background: linear-gradient( #ffb381, #f19151);
    margin-right: 10px;
    border-radius: 6px;
    text-align: center;
    font-family: "Bebas_Neue";
    color: white;
    font-size: 15pt;
    letter-spacing: 2pt;
    line-height: 160%;
    text-shadow: 1px 1px 2px #e28141;
    border: solid 1px #e28141;
    opacity: 0.9;}

    #menu a:hover {
    background: linear-gradient( #99e55b, #7bca26);
    text-shadow: 1px 1px 2px #74cb2d;
    border: solid 1px #74cb2d;
    opacity: 1;}

    /*--menu1--*/
    #menu1 {
    margin-right: 32px;
    width: 320px;
    color: #9e9e9e;
    background: rgba(255,255,255,.60);
    border: 1px solid #99e55b;
    padding-top: 20px;}

    #menu1 a {color: #ea8d4f;
    font-weight: bold;}
    #menu1 a:hover {color: #ffba8c;}

    #menu1 .module_menu_titre {height: 45px;
    font-size: 25pt;
    background-color: #99e55b;
    color: white;
    text-align: right;
    padding-right: 15px;
    font-family: Bebas_Neue;
    line-height: 160%;
    text-shadow: 1px 1px 2px #74cb2d;}

    #menu1 .module_menu_contenu {padding-left: 8px;
    padding-right: 8px;
    padding-top: 10px;
    padding-bottom: 10px;
    color: #767c91;}


    /*--module dernier visiteurs--*/
    .module_menu_type_lastvisitors img {width:45px;
    height: 45px;
    margin-bottom: 15px;
    border-radius: 8px 3px / 4px 7px;
    box-shadow: 0px 0px 4px #bababa;
    opacity: 0.9;
    margin-right: 5px;
    margin-left: 7px;}

    .module_menu_type_lastvisitors img:hover{opacity: 0.2;}

    /*--derniers articles--*/

    .module_menu_type_lastarticles {position: absolute;
    top: -75px;
    margin-left: 105px;
    -webkit-transform: rotate(-16deg);
    -moz-transform: rotate(-15deg);
    -o-transform: rotate(-15deg);
    transform: rotate(-15deg);
    width: 200px;
    height: 230px;}

    .module_menu_type_lastarticles a {text-shadow: 1px 1px 0px white, -1px -1px 0px white, -1px 1px 0px white, 1px -1px 0px white;
    -webkit-filter: grayscale(1);
    -moz-filter: grayscale(1);
    -o-filter: grayscale(1);
    filter: grayscale(1);}

    .module_menu_type_lastarticles a:hover {color: #99e55b;}

    /*--shootbox--*/
    .menu_shoutbox {background-color: #fbfbfb;
    border: solid 1px #c7c7c7;
    padding: 5px 5px 5px 5px;
    margin-bottom: 10px;}

    .menu_shoutbox hr {width: 90%;
    border-bottom: dashed 1px #d5d5d5;}

    /*--article--*/
    #content {width: 670px;
    margin-left: 32px;
    background: rgba(255,255,255,.60);
    border: solid 1px #f8a167;
    padding-top: 20px;}

    .module_titre_contenu, .module_titre_contenu a {
    height: 45px;
    width: 645px;
    font-weight: lighter;
    font-family: "Bebas_Neue";
    color: white;
    font-size: 28pt;
    text-decoration: none;
    text-align: left;
    text-shadow: 1px 1px 2px #e28141;}

    .module_titre_contenu {
    padding-left: 25px;
    line-height: 125%;
    padding-top: 5px;
    background-color: #f8a167;}

    .article_info { display: none;
    }

    .module_contenu {
    padding-top: 15px;
    padding-left: 15px;
    padding-right: 15px;
    padding-bottom: 10px;
    font-family:arial;
    font-size: 11pt;
    color: #767c91;
    letter-spacing: 0.1pt;
    border-radius: 0px 0px 3px 3px;
    }


    .module_contenu a {
    color: #94d250;
    font-weight: bold;
    }

    .module_contenu a:hover {
    color: #b0f663;
    }

    .module_bottom {
    height: 20px;

    }

    /*--footer--*/
    #footer {
    height: 25px;
    font-size: 14px;
    color: grey;
    float: right;
    padding-top: 45px;
    margin-right: 30px;}

    #footer a {
    color: grey;
    }

    #footer a:hover {
    opacity: 0.7;
    }

    #footer:after {content: "- Design original by Elinae - © 2015";}

    /*--commentaire--*/
    .comment_normal, .comment_admin {
    width: 100%;
    }

    div.commentheader{
    background-color: #f9f9f9;
    margin-top: 10px;
    border-right: solid 5px #ebebeb;
    border-left: solid 1px #ebebeb;
    border-top: solid 1px #ebebeb;
    border-bottom: dashed 1px #dcdcdc;}

    div.commentbody {
    padding-top: 10px;
    padding-right: 2px; padding-left: 7px;
    padding-bottom: 10px;
    background-color: #f9f9f9;
    text-align: justify;
    margin-bottom: 25px;
    border-right: solid 5px #ebebeb;
    border-left: solid 1px #ebebeb;
    border-bottom: solid 5px #ebebeb;}

    .comment_admin .commentnumber {
    color: #9a9a9a;
    font-family: impact;
    font-weight: lighter;
    font-size: 25px;
    float: right;}

    .commentnumber {
    float: right;
    color: #9a9a9a;
    font-family: impact;
    font-size: 25px;
    font-variant: normal;
    text-align: center;
    padding-right: 10px;
    width: 45px;
    padding-left: 10px;}

    .commentpseudo a {
    font-style: normal;
    text-decoration: none;
    font-variant: normal;
    }

    .commentpseudo {
    line-height: 140%;
    padding-top: 5px;
    font-family: "Bebas_Neue";
    font-weight: lighter;
    font-size: 18px;
    float: right;
    letter-spacing: 3pt;}

    .comment_admin .commentpseudo {
    font-style: normal;
    text-decoration: none;
    font-variant: normal;
    }

    .commentdate {float: left;
    font-size: 9pt;
    padding-top: 5px;
    padding-left: 5px;
    font-family: Arial, Helvetica, sans-serif;
    color: grey;
    opacity: 0.8;
    line-height: 200%;
    }

    .commentavatar {float: right;}

    .commentavatar img {
    width: 90%;
    border-radius: 8px 3px / 4px 7px;
    box-shadow: 0px 0px 3px #9a9a9a;}


    /*--bouton--*/
    input[type=button],input[type=submit], button {
    background-color: #f8a167;
    padding: 5px 14px 5px 14px;
    border: solid 1px #e48748;
    color: white;
    font-family: "Bebas_Neue";
    letter-spacing: 1pt;
    font-size: 14pt;}

    /*--module recherche--*/
    .module_menu_type_search, input[type=button],input[type=submit], button {text-align: center;}

    #background input[type=text], #background select, #background textarea {
    width: 88%;
    height: 25px;
    margin-bottom: 5px;}

    /*--helpbubble--*/
    #help_bubble {background: #f9f9f9;
    border: solid 1px #9d9d9d;
    border-radius: 3px;
    color: #4c4c4c;}​

    Pour installer le thème

      1. Mettre à zéro toutes les valeurs de votre blog et décocher tout ce que vous pouvez sauf > ça <.

      2. Choisir un seul menu à droite.

      3. Ne pas mettre de slogan à votre blog.

      4. Copier, coller et appliquer les codes CSS du thème proposé.

     

    Ce que vous devez faire et savoir en plus de copier le code

    1. le titre du blog est une image, pour qu'il y ai le titre de votre blog, demandez-le moi en commentaire ci-dessous.

    2. Une fois que vous aurez l'image correspondant au titre de votre blog, placez ce code dans le code source HTML d'un module simple :

    <div class="bannimg"><img src="LIENDEVOTREIMAGE"/></div>

    Puis enregistrez.

    3. A propos du module "derniers articles" : choisissez 10 articles affichés et faites-le avant d'installer le thème (une fois le thème installé vous ne pourrez plus modifier le module).

    4. Je vous déconseille de mettre des liens dans le menu du header car ça surcharge vraiment le thème, mais vous pouvez en mettre. Evitez seulement de mettre plus de 4 liens. /!\ Je n'ai pas codé le menu du header pour être un menu déroulant !

    5. Parfois une scrollbar horizontale s'ajoute toute seule sans qu'il y ai besoin d'en avoir une : je n'ai pas su régler ce problème là. 

    Pour info, le nom de la police du titre (image) est : Harabara

    En cas de bug dans l'affichage du thème, vérifiez que toutes les valeurs du thème sont à zéro. Si le problème ne vient pas de là, n'hésitez pas à me prévenir et j'essaierai de voir où ça coince.

     

    16 mars 2015. Le thème n'est pas adapté aux écrans de moins de 1100px de large


    166 commentaires


    Suivre le flux RSS des articles de cette rubrique
    Suivre le flux RSS des commentaires de cette rubrique