• Thème en libre service #14 - Steampunk/EMSIHPARG V.14

    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


  • Commentaires

    1
    Jeudi 21 Octobre 2021 à 13:04

    Je crois que j'ai découvert ton blog lorsque tu avais ce thème.
    Je te l'ai déjà dit, mais j'adore le header et la police du titre des articles ;)

      • Vendredi 22 Octobre 2021 à 09:43

        Haha merci ^^ 

        Pour ce design là j'ai du mettre à jour les polices utilisées pour que ça s'adapte à du libre service ^^ sinon ça convenait pas. A l'origine les titres d'articles avaient une police beaucoup moins lisible (ça faisait un peu effet "signature" si on veut mais pas fou pour des titres quoi). Pareil pour la police du header, comme je l'avais fait sur photoshop pas moyen de retrouver le nom de la police donc j'ai du improviser.

    2
    Jeudi 28 Octobre 2021 à 14:08

    C'est trop beau, est-ce que tu as un article sur "COMMENT FAIRE UN THEME MAGNIFIQUE"?

      • Jeudi 28 Octobre 2021 à 15:52

        Haha je n'ai pas d'article de ce genre ^^ : pour ça il vaut mieux aller sur des blogs de codage comme celui de Nagalia (fantasy graph).

        Je met uniquement à disposition des thèmes (et pour ceux qui savent coder, ils ont le droit de les modifier tant qu'ils laissent le "design original by Elinae" dans le footer

    3
    Jeudi 28 Octobre 2021 à 15:55

    Je peux avoir le lien s'il te plait???

      • Jeudi 28 Octobre 2021 à 16:39

        Je suis pas trop dispo et sur tel ce n'est pas pratique : mais elle est dans mes derniers visiteurs =) tu devrais pouvoir la trouver

    Suivre le flux RSS des commentaires

    Vous devez être connecté pour commenter