-
Thème #7 Diabolik Lovers
Cliquez pour agrandir
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 {
background: url() repeat-x 50% 0%,
url(http://ekladata.com/1wFgs2ExJTfriVpwW-7W0wd1KOM/linge-gris-texture-de-fond-1053-253.jpg) repeat fixed 50% 0px;
}
#background {background: url(http://ekladata.com/aEqc0NAvPZiWfh9qXnm4sVYeUSI/Sans-titre-2.png) repeat-x 50% 423px,
url(http://ekladata.com/dwF9Ncbs3DyK-wLUiG8jpjA5o0A/header-diabolik.png) no-repeat 50% 0px;
background-color: #FFFFFF;
width: 1150px;
padding-left: 15px;
padding-right: 15px;
box-shadow: 0px 0px 15px black; }
#header {
height: 418px;
margin-bottom:85px;
}
#titre_header {top: 85px;
left:10px;
-webkit-transition: 500ms;
-moz-transform:rotate(-7deg);
-webkit-transform:rotate(-7deg);
transform:rotate(-7deg)}
#titre_header a {
text-shadow: 0px 0px 3px #800040, 0px 0px 1px #800040, 0px 0px 2px #800040, 0px 0px 3px #800040;
color: white;
font-size: 50px;
font-family: dum1;}
#menu {height: 33px;
line-height: 20px;
width: 100%;
left: 200px;
top: 430px;}
#menu a {font-family: dum1;
font-size: 19px;
margin-right: 5px;
text-align: center;
color: #ffffff;}
#menu a:hover {color: #F4EFF4;}
ul#menu ul a {font-family: dum1;
color: #ffffff;
font-size: 16px;
margin-left: 30px;
background: #2D1C2E;
height: 28px;
line-height: 28px;
text-align: left;
padding-left: 5px;
}
ul#menu ul a:hover {color: #F4EFF4;
margin-left: 30px;
background: #3C283D;
font-weight : normal;
text-align: left;
padding-left: 10px;
}
/*-Menu 1-*/
#menu1 {width: 250px; margin-top: -170px;}
#menu1 .module_menu_titre {
color: white;
text-shadow: 1px 1px 0px #5E002F;
margin-bottom: 7px;
background: #2D1C2E;
font-size: 21px;
font-family: "dum1";
text-align: center;
height: 25px;
line-height: 27px;}
#menu1 .module_menu_contenu {font-size: 13px;
color: #2E0D19;
font-family: verdana;
margin-top: 5px;
margin-bottom: 25px;}
.module_menu_contenu a {font-weight : bold; color: #800040;
}
.module_menu_contenu a:hover {color: #B80C2B;}
/*-Article-*/
.article_readmore {
padding: 2px 5px 2px 5px;
background: white;
margin-top: 10px;
float: right;
font-weight: bold; }
.article_readmore a {color: #800040;}
.module_menu_type_lastarticles a::before {
content: '» ';}
.article_info {text-align: center;
font-weight : semi-bold;
margin-bottom: 20px;
font-size: 10px;
font-family: verdana;
color: grey;
}
.module_contenu {text-align: justify;
font-size: 13px;
color: #2E0D19;
font-family: verdana;
margin-left: 10px;
background: white;
padding: 5px 55px 5px 55px;
margin-bottom: 25px;}
.module_titre_contenu, .module_titre_contenu a {text-shadow: 1px 1px 0px white;
color: #800040;
height: 45px;
font-family: "dum1";
font-size: 28pt;
text-decoration: none;
text-align: center;}
.module_contenu a { color: #800040;}
.module_contenu a:hover {color: #B80C2B;}
/*--Modules--*/
/*--module recherche--*/
.module_menu_type_search [name="q"] {border: 1px solid #A7A7A7;
width:90%;
height: 20px;
border-radius: 3px;
margin-bottom: 7px;}
.module_menu_type_search {text-align: center;}
.module_menu_type_search [type="submit"] {
margin-left: 5px;
background: #5D072C;
color: #F0F0F0;
width: 43%;
margin-bottom: 5px;
border: 1px solid #800040;
border-radius: 3px;
}
.module_menu_type_search [type="submit"]:hover {background: #48021C;}
.module_menu_type_newsletter input[name=subscribe] {
border: 1px solid #A7A7A7;
width:90%;
height: 20px;
border-radius: 3px;
margin-bottom: 7px;}
.module_menu_type_newsletter [type="submit"] {
margin-left: 5px;
background: #5D072C;
color: #F0F0F0;
width: 43%;
margin-bottom: 5px;
border: 1px solid #800040;
border-radius: 3px;
}
.module_menu_type_newsletter [type="submit"]:hover {background: #48021C;}
.module_menu_type_newsletter {text-align: center;}
/*-Derniers visiteurs-*/
#module_menu_titre151793354 {display: none;}
#module_menu_titre152797854 {display: none;}
.module_menu_type_lastvisitors { border-bottom: 0px solid white;
position: absolute;
top: 30px;
}
.module_menu_type_lastvisitors img { filter: grayscale(1);
-webkit-filter: grayscale(1);
-moz-filter: grayscale(1);
-o-filter: grayscale(1);
-ms-filter: grayscale(1);
border-radius: 40px;
width: 40px;
box-shadow: 1px 1px 0px white;
margin: 3px;
margin-bottom: 3px;
opacity: 1;
}
.module_menu_type_lastvisitors img:hover { filter: grayscale(0);
-webkit-filter: grayscale(0);
-moz-filter: grayscale(0);
-o-filter: grayscale(0);
-ms-filter: grayscale(0);
border-radius: 40px; }
/*--shootbox--*/
.menu_shoutbox {background-image: url("http://ekladata.com/ObmqGmN-8ezQ8F5t14J0qZZQEHQ/sdv.png");
height: 200px;
text-align: left;
margin-left: 5px;
margin-right: 5px;
text-shadow: 1px 1px 0px white;
font-size: 12px;
background-color: #fbfbfb;
border: solid 1px #969696;
border-radius: 3px;
padding: 5px 5px 5px 5px;
margin-bottom: 5px;}
.menu_shoutbox hr {width: 80%;
border-bottom: dashed 1px grey;}
.menu_shoutbox strong {color:#993366;}
.module_menu_type_shoutbox [name="shoutbox_msg"] {border-radius: 3px;
width: 95%;
margin-bottom: 5px;
border: solid 1px #969696;
height: 20px;}
.module_menu_type_shoutbox input[type="submit"] {margin-left: 5px;
background: #5D072C;
color: #F0F0F0;
width: 69%;
margin-bottom: 5px;
border: 1px solid #800040;
border-radius: 3px;}
.module_menu_type_shoutbox input[type="submit"]:hover {
background: #837E9C;}
#help_bubble {color: white;
background: #50182E;
border: 1px solid white;
border-radius: 3px; }
/*-commentaire-*/
.comment_normal, .comment_admin {width: 99%;
background: url('http://ekladata.com/nAgzyYzsKMN3kTeCYCAi0zWVrRs/Sans-titre-4.png') repeat 0% 0% ;
}
div.commentheader {
height: 25px;
border-top: 2px solid #6E0C3A;
}
div.commentbody {
color: #2E0D19;
text-shadow: 1px 1px 1px white, 1px 1px 0px white;
border-bottom: 2px solid #6E0C3A;
padding-top: 10px;
padding-right: 3px;
padding-left: 5px;
padding-bottom: 10px;
text-align: justify;
margin-bottom: 25px;
}
.commentnumber {font-weight: bold;
line-height: 25px;
float: left;
color: #7C0A14;
font-family: verdana;
text-shadow: 1px 1px 1px white;
font-size: 20px;
font-variant: normal;
text-align: center;
padding-right: 0px;
width: 25px;
padding-left: 0px;}
.commentpseudo {color: black;
text-shadow: 0px 0px 2px #ffffff;
font-weight: bold;
padding-left: 0px;
font-size: 18px;
float: left;
line-height: 25px;
}
.commentpseudo a {
line-height: 25px;
color: black;
text-shadow: 1px 1px 0px white;
font-size: 17px;
}
.comment_admin .commentpseudo {
font-style: normal;
text-decoration: none;
font-variant: normal;}
.commentdate {float: right;
font-size: 9px;
padding-right: 5px;
color: #666666;
font-family: verdana;
line-height: 25px;
}
.commentavatar {
width: 65px;
}
.commentavatar img {border-radius: 55px;
border: 2px solid white;
margin-right: 5px;
margin-bottom: 5px;
width: 55px;
}
.comment-reply a {margin-left: 15px;
background: #2D1C2E;
color: white;
text-shadow: 1px 1px 0px #333333;
padding: 2px 10px 2px 10px;
border-radius: 2px;
margin-bottom: 5px;}
.comment-reply a:hover {margin-left: 15px;
background: #3F2640;
color: white;
padding: 2px 10px 2px 10px;
border-radius: 3px;
margin-bottom: 5px;}
.block-reply div.commentbody {
border-left: 1px solid #BEBEBE;
border-right: 1px solid #BEBEBE;
border-radius: 0px;
background: #ffffff;
padding-left: 4px;
color: #333333;
border-bottom: 1px solid #BEBEBE; }
.block-reply div.commentheader {
border-top: 1px solid #BEBEBE;
border-left: 1px solid #BEBEBE;
border-right: 1px solid #BEBEBE;
border-radius: 0px;
background: #ffffff;}
.block-reply {margin-left: 25px;
margin-right: 25px;
padding: 3px;
border-left: none;}
.block-reply .commentavatar { width: 50px; }
.block-reply .commentavatar img {width: 45px;
border: 1px solid white;}
.block-reply .commentpseudo {float: left;
margin-left: 5px; }
a.show-replies {color: #ffffff; text-shadow: 1px 1px 0px #5D072C;}
a.show-replies:hover {color: #ffffff; text-shadow: 1px 1px 0px #5D072C;}
.show-replies {margin-left: 35px;
border: 3px solid white;
padding-top: 4px;
padding-bottom: 4px;
padding-left: 10px;
padding-right: 10px;
background: #6E0C3A;}
.show-replies:hover {background: #520C2B;}
/*Footer*/
#footer {
height: 90px;
font-size: 13px;
color: grey;
text-align: center;
float: center;
}
#footer a {color: grey;
line-height: 150px;
}
#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 { background: none;}
#menubar, #menubar a {color: #333333;}
-
Commentaires
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 ?
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
Vous devez être connecté pour commenter
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? :)
Le truc avec les harems inversés c'est que la fille (qui est souvent une cruche) ne finit jamais avec un des personnages (ou alors c'est très rare), donc il n'y a jamais de vraie histoire, c'est toujours des mecs qui courent après une fille, mais il n'y a rien de concret.
Il y a déjà un tuto de l'image qui change au survol :) Là.