• Thème en libre service #9 - Halloween

    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)


  • Commentaires

    1
    Dimanche 4 Octobre 2015 à 18:45

    Très beau thème! J'adore l'idée des menu avec les chauve-souris ! *-*

    2
    Dimanche 4 Octobre 2015 à 18:54

    Trop classe, j'adore! *-*

    Les couleurs de l'header sont jolies!

    3
    Dimanche 4 Octobre 2015 à 19:19

    J'adore *o* , il est super beau! Puis j'adore les couleurs~  et je suis fan des chauves-souris sur le menu *^*

    4
    Dimanche 4 Octobre 2015 à 19:41

    Merci tout le monde x) ! 

    Et oui, je crois que les chauves-souris plaisent à tout le monde x) !

    5
    Dimanche 4 Octobre 2015 à 19:43

    De rien~

    Oui , c'est parce que les chauves souris c'est trop cool *-* (parce que c'est des vampires! :sors:)

    6
    Vendredi 9 Octobre 2015 à 17:34

    Je prends le thème! Il est juste super!

      • Vendredi 9 Octobre 2015 à 17:54

        D'accord d'accord ^^ et merci

    7
    Samedi 10 Octobre 2015 à 10:19

    Magnifique thèèèème ! J'adore les couleurs.

    Je pense te le prendre pour mon blog

      • Samedi 10 Octobre 2015 à 11:02

        Merci =)

        Haha pas de soucis, il est là pour ça !

      • Dimanche 11 Octobre 2015 à 09:45

        En regardant bien le header, il est assez... euuuh.. voilà, quoi xD

      • Dimanche 11 Octobre 2015 à 13:02

        Il est assez quoi ? xD

      • Dimanche 11 Octobre 2015 à 13:11

        C'est le render qui est comment dire.. choquant xD 

      • Dimanche 11 Octobre 2015 à 13:14

        Tu veux du render choquant ? Ce render est parfaitement innocent crois-moi ! XDDD

        La fille est sur un balais et vole dessus, et bon, vu l'angle on voit à peine sous sa robe/jube/manteau/jesaispastropcequ'elleporte : mais on voit que dalle : crois-moi, c'est un render parfaitement innocent : par mp je peux te montrer des render que je suis capable d'utiliser qui sont bien moins...... pur .

      • Dimanche 11 Octobre 2015 à 15:00

        En regardant de plus près c'est vrai qu'il n'est pas choquant, en fait xD. C'est juste le truc de sa peau qui est un peu bizarre enfin bref.

        Non ça va aller, merci, je vis dans un monde sain !

      • Dimanche 11 Octobre 2015 à 15:07

        Tu croyais avoir vu quoi ? x) Elle a quoi sa peau?

      • Dimanche 11 Octobre 2015 à 15:53

        Non mais sous sa robe il y a juste un trait, c'est pour ça ! Je vais arrêter mes pensées malsaines sinon je vais faire des cauchemards, cette nuit xD

      • Dimanche 11 Octobre 2015 à 15:57

        Bah c'est sa jambe ! xDD Juste avec les réglages, la partie plus fine du trait a été effacé

      • Dimanche 11 Octobre 2015 à 16:12

        Ah, ok x)

    8
    Samedi 10 Octobre 2015 à 18:07

    Bon bah je vais te l'emprunter pour la session Octobre-Novembre ^^

    C'est super, je vais me servir du header v2

    Petite question quelles polices as-tu utilisé pour écrire Happy Halloween?

      • Dimanche 11 Octobre 2015 à 02:27

        OK ok =)

        Et pas de soucis pour la v2 ! Pense aussi à changer la couleur du fond de fenêtre du coup ^^

        Pour les polices que j'ai utilisé pour la typo du header : c'est une très bonne question, il faut que j'aille voir ça dans mon psd

    9
    Dimanche 11 Octobre 2015 à 17:17

    Finalement, je prends pour mon blog XD, il est tellement beau que je vais le mettre tout de suite XD

      • Dimanche 11 Octobre 2015 à 17:18

        Hahaha d'accord pas de soucis x3 !

    10
    Dimanche 11 Octobre 2015 à 17:24

    Le rendu est magnifique :O je suis trop fan XD ♥

      • Dimanche 11 Octobre 2015 à 17:26

        Tant mieux si ça te plait =)

    11
    Jeudi 15 Octobre 2015 à 07:59

    J'adore, tu as bfuler mes hejx tellement que c'est magnifique comme theme !!!!!!!!!!!!!!!! J'adore je te donne un lega pouce verttttttt :DDD magniifique 

      • Jeudi 15 Octobre 2015 à 13:12

        Merci x) c'est gentil !

      • Jeudi 15 Octobre 2015 à 16:53

        de rien, je suis au lycée sur l'ordi je pense que je vais faire mes articles ici XDDD

      • Jeudi 15 Octobre 2015 à 17:12

        Haha tu es au lycée ? En cours ou en perm ? x) Si tu es en cours, c'est pas sérieux ! 

      • Jeudi 15 Octobre 2015 à 19:10

        Oui j'étais au lycée au cdi plus précisément :33

        J'utilise jamais mon portable en cours voyons xDD sauf en histoire mais comme haï plus Internet je peux plus xDD donc non xDD

      • Jeudi 15 Octobre 2015 à 19:16

        Oulalalala, c'est pas sérieux tout ça ! x3

    12
    Jeudi 15 Octobre 2015 à 19:25

    Waaa j'adore le nouveau thème!!

      • Jeudi 15 Octobre 2015 à 19:30

        Merci ^^ (il y a un article dans l'accueil sur le nouveau thème xD où je dis toute les nouveautés..etc) 

    13
    Jeudi 15 Octobre 2015 à 19:26

    Oui je sais désolé eli-sensei je recommencerai plus.... 

      • Jeudi 15 Octobre 2015 à 19:31

        Oui j'aime mieux ça é_e faut être sérieux en classe, sinon je viendrai te gronder o: ! 

      • Jeudi 15 Octobre 2015 à 21:39

        Oui maman '.' Sinon je peux dessiner en classe ? :)

      • Jeudi 15 Octobre 2015 à 21:42

        Oui ça c'est permis ! XD Car quand tu dessines, tu peux écouter en même temps, et si tu écoutes, tu retiens, donc c'est pas plus mal o/ )

      • Vendredi 16 Octobre 2015 à 20:15

        Dans ce cas je vais dessiner *^*/

    14
    Vendredi 16 Octobre 2015 à 15:43

    Trop beauuuu ! Je prends !

      • Vendredi 16 Octobre 2015 à 15:45

        Merci ^^ et ok ok !

      • Vendredi 16 Octobre 2015 à 15:51

        Derien ^^ mais vu que je suis sur tablette, j'arrive pas super bien à prendre le code... (5 minutes que je galère pour tout supprimer à la fin ^^') tu pourrais me l'installer à cette adresse s'il te plaît ? 

         

        http://theamazingworldofmagicalgirl.eklablog.com/

         

        Je t'ai mis la perm'

      • Vendredi 16 Octobre 2015 à 15:52

        OK si tu veux xD

      • Vendredi 16 Octobre 2015 à 16:02

        Voilà c'est fait

    15
    Vendredi 16 Octobre 2015 à 16:39

    Merki !

    16
    Mardi 27 Octobre 2015 à 11:25

    je pense que je vais prendre le thème pour halloween *^*/ mais je suis pas sur xDD mais je te préviens xDD

      • Mardi 27 Octobre 2015 à 17:48

        D'accord ^^

    17
    Jeudi 28 Janvier 2016 à 18:09

    J'apprécie le thème Tamako love story. En plus c'était un film mignon. 

    Merci beaucoup de nous partager ce que tu fais, c'est très gentil.

    18
    Mercredi 5 Octobre 2016 à 14:38

    Je le prend ! ;3

      • Mercredi 5 Octobre 2016 à 21:26

        Ok =)

    Suivre le flux RSS des commentaires


    Ajouter un commentaire

    Nom / Pseudo :

    E-mail (facultatif) :

    Site Web (facultatif) :

    Commentaire :