• Thème #7 Diabolik Lovers

     Cliquez pour agrandir

    Thème #7 Diabolik Lovers

     

    Thème simple aux couleurs de Diabolik Lovers, je n'avais pas aimé l'anime (pas du tout même, la preuve dans mon avis ici) mais le wallpaper trouvé sur le net était vraiment très beau alors voilà...  

    - Créditer / Prévenir en commentaire ou par MP si vous prenez un thème
    - Préciser quelque part sur votre blog que le thème est de moi si ce n'est pas déjà fait (mais normalement c'est déjà noté dans le pied de page, donc c'est bon).
    - Si vous souhaitez prendre un thème et le modifier (header/couleurs etc.) vous pouvez, mais si le codage reste le mien précisez quelque part vos modifications.


    !! Avant de mettre le thème, mettez vos paramètres a zéro !! (Sauf pour le forum si vous en avez un, car je n'ai pas fait les codages pour.)

    Police des titres : Dumbledor

    Header : n'est pas de moi, il s'agit d'un wallpaper trouvé sur le net.

    Le premier module dans le menu : il s'agit d'une image (200/200px) qui change au survol. (HTML)

    Code à coller dans le code source d'un module. (<>)

    ! Penser à ajouter les liens des images !

    <p><img style="border-radius: 200px; border: 2px solid black; display: block; margin-left: auto; margin-right: auto;" onmouseover="this.src='IMAGE AU SURVOL'" onmouseout="this.src='IMAGE1'" src="IMAGE1" alt="" width="200" height="200" /></p>


    Modules personnalisés : Shoutbox, Rechercher, Newsletter, Derniers visiteurs, Derniers articles.

    Dans le code CSS, les modifs à faire : (en rouge dans le code)

    • Mettre le menu à gauche. 
    • Mettre vos N° des modules: derniers visiteurs et du premier module dans le code CSS.
    • Le blog fait 1150px ce qui est grand, mais vous pouvez le modifier dans le CSS. Selon la taille de votre titre, vous aurez sans doute besoin de changé sa position. (en rouge dans le code)

     

    Le code CSS :

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

    #body 
        backgroundurl(repeat-x  50% 0%
        url(http://ekladata.com/1wFgs2ExJTfriVpwW-7W0wd1KOM/linge-gris-texture-de-fond-1053-253.jpgrepeat fixed 50% 0px;
       }

    #background {backgroundurl(http://ekladata.com/aEqc0NAvPZiWfh9qXnm4sVYeUSI/Sans-titre-2.pngrepeat-x  50% 423px
        url(http://ekladata.com/dwF9Ncbs3DyK-wLUiG8jpjA5o0A/header-diabolik.pngno-repeat 50% 0px;
        background-color#FFFFFF;
        width1150px;
        padding-left15px;
        padding-right15px;
        box-shadow0px 0px 15px black}

    #header 
        height418px;
        margin-bottom:85px
    }

    #titre_header {top85px;
        left:10px;
        -webkit-transition500ms;
    -moz-transform:rotate(-7deg);
    -webkit-transform:rotate(-7deg);
    transform:rotate(-7deg)}

    #titre_header {
        text-shadow0px 0px 3px #8000400px 0px 1px #8000400px 0px 2px #8000400px 0px 3px #800040;
        colorwhite;
        font-size50px;
        font-familydum1;}


    #menu {height33px;
        line-height20px;
        width100%;  
        left200px;
        top430px;}

    #menu {font-familydum1;
        font-size19px;
        margin-right5px;
        text-aligncenter;
        color#ffffff;}

    #menu a:hover {color#F4EFF4;}


    ul#menu ul {font-familydum1;
        color#ffffff;
        font-size16px;
        margin-left30px;
        background#2D1C2E;
        height28px;
        
         line-height28px;
        text-alignleft;
        padding-left5px;
    }

    ul#menu ul a:hover {color#F4EFF4;
        margin-left30px;
        background#3C283D;
        font-weight normal;
        text-alignleft;
        padding-left10px;
    }


    /*-Menu 1-*/

    #menu1 {width250pxmargin-top-170px;}

    #menu1 .module_menu_titre 
        colorwhite;
        text-shadow1px 1px 0px #5E002F;
        margin-bottom7px;
        background#2D1C2E;
        font-size21px;
        font-family"dum1";
        text-aligncenter;
        height25px
        line-height27px;}

    #menu1 .module_menu_contenu {font-size13px;
        color#2E0D19;
        font-familyverdana;
        margin-top5px;
        margin-bottom25px;}

    .module_menu_contenu {font-weight boldcolor:  #800040;
        }

    .module_menu_contenu a:hover {color#B80C2B;}

    /*-Article-*/

    .article_readmore {
        padding2px 5px 2px 5px;
        backgroundwhite;
        margin-top10px;
        floatright;
        font-weightbold}

     .article_readmore {color#800040;}

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

    .article_info {text-aligncenter;
        font-weight semi-bold;
        margin-bottom20px;
        font-size10px;
        font-familyverdana;
        colorgrey;
    }

    .module_contenu {text-alignjustify;
        font-size13px;
        color#2E0D19;
        font-familyverdana;
        margin-left10px;
        backgroundwhite;
        padding5px 55px 5px 55px;
        margin-bottom25px;}

     .module_titre_contenu.module_titre_contenu {text-shadow1px 1px 0px white;
        color#800040;
        height45px;
        font-family"dum1";
        font-size28pt;
        text-decorationnone;
        text-aligncenter;}

    .module_contenu color#800040;}
    .module_contenu a:hover {color#B80C2B;}

    /*--Modules--*/
     /*--module recherche--*/
    .module_menu_type_search [name="q"{border1px solid #A7A7A7;
        width:90%
        height20px
        border-radius3px;
        margin-bottom7px;}

    .module_menu_type_search {text-aligncenter;}


    .module_menu_type_search [type="submit"{
        margin-left5px;
        background#5D072C;
        color#F0F0F0;
        width43%
        margin-bottom5px;
        border1px solid #800040;
        border-radius3px;
             }

    .module_menu_type_search [type="submit"]:hover {background#48021C;}


     .module_menu_type_newsletter  input[name=subscribe{
        border1px solid #A7A7A7;
        width:90%
        height20px
        border-radius3px;
        margin-bottom7px;}

     .module_menu_type_newsletter [type="submit"]  {
        margin-left5px;
        background#5D072C;
        color#F0F0F0;
        width43%
        margin-bottom5px;
        border1px solid #800040;
        border-radius3px;
             }


     .module_menu_type_newsletter [type="submit"]:hover {background#48021C;}

     .module_menu_type_newsletter {text-aligncenter;}

    /*-Derniers visiteurs-*/

    #module_menu_titre151793354 {displaynone;}

    #module_menu_titre152797854 {displaynone;}

    .module_menu_type_lastvisitors border-bottom0px solid white;
        positionabsolute;
        top30px;
        
    }
    .module_menu_type_lastvisitors img {   filtergrayscale(1);         
        -webkit-filtergrayscale(1);         
        -moz-filtergrayscale(1);         
        -o-filtergrayscale(1);         
        -ms-filtergrayscale(1);
        border-radius40px;
        width40px;
        box-shadow1px 1px 0px white;
        margin3px;
        margin-bottom3px;
        opacity1;
       }

    .module_menu_type_lastvisitors img:hover {   filtergrayscale(0);         
        -webkit-filtergrayscale(0);         
        -moz-filtergrayscale(0);         
        -o-filtergrayscale(0);         
        -ms-filtergrayscale(0);
        border-radius40px}

    /*--shootbox--*/
    .menu_shoutbox {background-imageurl("http://ekladata.com/ObmqGmN-8ezQ8F5t14J0qZZQEHQ/sdv.png");
        height200px;
        text-alignleft;
        margin-left5px;
        margin-right5px;
        text-shadow1px 1px 0px white;
        font-size12px;
        background-color#fbfbfb;
        bordersolid 1px #969696;
        border-radius3px;
        padding5px 5px 5px 5px;
        margin-bottom5px;}

    .menu_shoutbox hr {width80%;
        border-bottomdashed 1px grey;}

    .menu_shoutbox strong {color:#993366;}

    .module_menu_type_shoutbox [name="shoutbox_msg"]  {border-radius3px;
        width95%;
        margin-bottom5px;
        bordersolid 1px #969696;
        height20px;}

    .module_menu_type_shoutbox input[type="submit"{margin-left5px;
        background#5D072C;
        color#F0F0F0;
        width69%
        margin-bottom5px;
        border1px solid #800040;
        border-radius3px;}

    .module_menu_type_shoutbox input[type="submit"]:hover {
       background#837E9C;}

    #help_bubble {colorwhite;
        background#50182E;
        border1px solid white;
        border-radius3px}

    /*-commentaire-*/

    .comment_normal.comment_admin {width99%
        backgroundurl('http://ekladata.com/nAgzyYzsKMN3kTeCYCAi0zWVrRs/Sans-titre-4.png')  repeat  0% 0% ;
     }

     div.commentheader {
        height25px
        border-top2px solid #6E0C3A;
        
        }


     div.commentbody {
        color#2E0D19;
        text-shadow1px 1px 1px white1px 1px 0px white;
        border-bottom2px solid #6E0C3A;
       
        padding-top10px;
        padding-right3px
        padding-left5px;
        padding-bottom10px;
        text-alignjustify;
        margin-bottom25px;
    }



     .commentnumber {font-weightbold;
        line-height25px;
        floatleft;
        color#7C0A14;
        font-familyverdana;
        text-shadow1px 1px 1px white;
        font-size20px;
        font-variantnormal;
        text-aligncenter;
        padding-right0px;
        width25px;
        padding-left0px;}


     .commentpseudo {colorblack;
        text-shadow0px 0px 2px #ffffff;
        font-weightbold;
        padding-left0px;
        font-size18px;
        floatleft;   
        line-height25px;
        }

     .commentpseudo {
       line-height25px;
       colorblack;
       text-shadow1px 1px 0px white;
       font-size17px;   
    }

     .comment_admin .commentpseudo 
        font-stylenormal;
        text-decorationnone;
        font-variantnormal;}

     .commentdate {floatright;
        font-size9px;
        padding-right5px;
        color#666666;
        font-familyverdana;
        line-height25px;
        
    }
     .commentavatar {
        width65px;
        }

     .commentavatar img {border-radius55px;
        border2px solid white;
        margin-right5px;
        margin-bottom5px;
        width55px;
       }

    .comment-reply {margin-left15px;
        background#2D1C2E;
        colorwhite;
        text-shadow1px 1px 0px #333333;
        padding2px 10px 2px 10px;
        border-radius2px;
        margin-bottom5px;}

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

    .block-reply div.commentbody {
        border-left1px solid #BEBEBE;
        border-right1px solid #BEBEBE;
        border-radius0px;
        background#ffffff;
        padding-left4px;
        color#333333;
        border-bottom1px solid #BEBEBE}

    .block-reply div.commentheader {
        border-top1px solid #BEBEBE;
        border-left1px solid #BEBEBE;
        border-right1px solid #BEBEBE;
        border-radius0px;
        background#ffffff;}

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

    .block-reply .commentavatar width50px}

    .block-reply  .commentavatar img  {width45px;
        border1px solid white;}

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


    a.show-replies {color#fffffftext-shadow1px 1px 0px #5D072C;}
    a.show-replies:hover {color#fffffftext-shadow1px 1px 0px #5D072C;}

    .show-replies  {margin-left35px;
       border3px solid white;
        padding-top4px;
        padding-bottom4px;
        padding-left10px;
        padding-right10px;
        background#6E0C3A;}

    .show-replies:hover {background#520C2B;}

    /*Footer*/
    #footer {
        height90px;
        font-size13px;
        colorgrey;
        text-aligncenter;
        floatcenter;
        }

    #footer {colorgrey;
        line-height150px;
    }

    #footer:after {content" Thème/codage du blog fait par Kalyna - "color#333333;}

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

    #menubar#menubar {color#333333;}

     


  • Commentaires

    1
    Jeudi 19 Octobre 2017 à 19:22

    J'aime bien ce thème. Moi non plus, je n'ai pas aimé l'animé. Je n'aime pas vraiment les otome. Je préfère largement quand l'histoire ce centre sur un unique couple. En revanche, le seul point que j'ai apprécié dans Diabolik Lovers, c'est le fait qu'il y ait des vampires. J'aurait aimé une histoire romantique juste entre la fille et le vampire de ton thème. 

     

    Sinon, le thème en lui-même, j'aime beaucoup l'image au survol qui sert de premier menu. Je me demande comment on fait cela d'ailleurs. Prévois tu un tuto pour expliquer? :)

    • Voir les réponses
    2
    Jeudi 19 Octobre 2017 à 19:58

    Oui, c'est pour ça que je ne les regarde pas :/

     

    Oui mais comment fait-tu pour que le menu où se trouve juste cette image soir placer de cette façon ?

    • Voir les réponses
    3
    Vendredi 20 Octobre 2017 à 09:36

    Rooh , vous êtes folles, moi j'adore Diabolik Lovers ! *-* et bien sur qu'il y a du romantisme entre Yui et Ayato dans l'anime, ça crève les yeux enfin ! *-* Sinon j'hésite a prendre le thème car j'aurais voulu resté dans le thème " Ibu no Sekai " sur mon blog de graph, et puis il n'est pas de moi le thème... :/ gomenasai

    4
    Mercredi 25 Octobre 2017 à 18:11

    Moi aussi Cricri! Je prends!

    • Nom / Pseudo :

      E-mail (facultatif) :

      Site Web (facultatif) :

      Commentaire :


    5
    Vendredi 1er Décembre 2017 à 21:34

    j'ai pris ce theme et j,ai marque que c'est le tiens merci

    6
    Dimanche 3 Décembre 2017 à 16:24

    Je te l'empreinte ! :3

    (Au passage, très jolie thème !)

    7
    Mercredi 6 Décembre 2017 à 23:14

    Je l'ai pris et j'ai écrie que c’était de toi :)

    8
    Jeudi 7 Juin 2018 à 23:53

    Tout juste magnifique ;D!Je me sers ,merci.

    9
    Dimanche 8 Juillet 2018 à 10:13

    comment faire pour mettre les parametre a zéro car je trouve pas :/

    • Voir les réponses
    10
    Dimanche 8 Juillet 2018 à 10:48

    merci c'est gentil *^*

    • Voir les réponses
    11
    Mardi 14 Septembre 2021 à 10:40

    OOOH c'est toi qui a fait ce fameux thème ! Je suis tombée dessus plus d'une fois !

    Suivre le flux RSS des commentaires

    Vous devez être connecté pour commenter