Thème #7 Diabolik Lovers

Kalyna …

17 oct. 2017

- 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('https://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("https://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('https://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;}

Retour à l'accueil

Commenter cet article

Elinae

14/09/2021 10:40

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

Répondre

♥

♥ Ninnyloveuse ♥

08/07/2018 10:48

merci c'est gentil *^*

08/07/2018 10:13

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

Takushiya

07/06/2018 23:53

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

WaterWitch

06/12/2017 23:14

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