Thème en libre service #3 - Saber [Fate/Zero]

/*--fond fenêtre--*/
#body {
background-image:url("https://ekladata.com/4suYn_Yy23vMyMT_RR4e1lVBhb8.jpg");
background-repeat: no-repeat;
background-attachment: fixed;
background-position: center top;
}

/*--fond page--*/
#background {
background: rgba(0,0,0,.8);
border-radius: 8px 8px 4px 4px;
width: 1175px;
    margin-top: 355px;}

/*--header--*/
.bannimg  {position: absolute;
top: 200px;
    margin-left: -50px;}

#header {
height: 41px;
background: linear-gradient( #2a2a2a, #131313);
border-bottom: 1px solid #1a1840;
text-shadow: 1px 1px 0px black;
margin-bottom: 15px;}

#titre_header {font-size: 0pt;}

/*--menu header--*/
#menu {
list-style-type: none;
margin: 0;
padding: 0;
position: absolute;
top: 0px;
left: 0px;
}

#menu li {
float: left;
}

#menu a {
color: #666666;
display: block;
height: 31px;
width: 150px;
padding: 5px 5px;
line-height: 160%;
font-family: Arial, Helvetica, sans-serif;
font-size: 15pt;
font-weight: normal;
font-style: normal;
text-decoration: none;
font-variant: normal;
text-align: center;
}

#menu a:hover {color: #919191;}

/*--menu1--*/


#menu1 {width: 328px;
padding-right: 30px;
padding-top: 15px;}

#menu1 .module_menu_titre {
background: rgba(246,33,200,.4);
border-radius: 5px 5px 0px 0px;
text-shadow: 2px 1px 0px #400633;
height: 19px;
font-weight: normal;
font-style: normal;
text-decoration: none;
font-variant: small-caps;
color: white;
font-family: "Lucida Sans Unicode", "Lucida Grande", sans-serif;
font-size: 14pt;
line-height: 90%;
padding: 6px 25px 2px 5px;
border-bottom: 1px dashed black;
text-align: right;}

#menu1 .module_menu_contenu {
background: rgba(246,33,200,.2);
border-radius: 0px 0px 5px 5px;
color: white;
margin-bottom: 35px;
padding: 10px 10px;
color: #cdcbcb;
border-top: 1px dashed #f86bda;
}

#menu1 .module_menu_contenu a {
color: #65b5ff;
font-weight: normal;
font-style: normal;
text-decoration: none;
font-variant: normal;
}

#menu1 .module_menu_contenu a:hover {
opacity: 0.3;
font-weight: normal;
font-style: normal;
text-decoration: none;
font-variant: normal;
}

/*--article--*/

.module_titre_contenu {    margin-left: 35px;}

.module_titre_contenu, .module_titre_contenu a {
    margin-top: 35px;
    height: 35px;
font-family: Impact;
color: rgba(218,89,255,0.95);
text-shadow: 1px 0px 0px black;
font-size: 24pt;
letter-spacing: 7pt;
font-weight: lighter;
line-height: 100%;
font-style: normal;
text-decoration: none;
font-variant: small-caps;
text-align: left;
}

.article_info {
margin-top: 3px;
padding-bottom: 10px;
font-size: 7pt;
color: #48a7ff;
font-family: Arial, Helvetica, sans-serif;
text-align: right;
}

.article_info a {
color: #48a7ff;
font-weight: normal;
font-style: normal;
text-decoration: none;
font-variant: normal;
}

.article_info a:hover {
color: rgba(218,89,255,0.95);
}

.module_contenu {
    margin-left: 30px;
    width: 740px;
padding: 0px 10px 10px 10px;
background: rgba(255,255,255,.15);
border-radius: 0px 0px 4px 4px;
font-weight: normal;
font-style: normal;
text-decoration: none;
font-variant: normal;
font-family: Arial, Helvetica, sans-serif;
font-size: 10pt;
color: #efefef;
text-align: justify;
}


.module_contenu a {
color: #65b5ff;
font-weight: normal;
font-style: normal;
text-decoration: none;
font-variant: normal;
}

.module_contenu a:hover {color: #c8e0f8;}

.module_bottom {
margin-bottom: 30px;
}

/*--footer--*/
#footer {
clear: both;
overflow: hidden;
text-align: center;
height: 39px;
margin-top: 0;
color: #919191;
font-family: "MS Serif", "New York", serif;
font-size: 9pt;
font-weight: normal;
font-style: normal;
text-decoration: none;
font-variant: normal;
line-height: 330%;
}

#footer a {color: #919191;}
#footer a:hover {color: #efefef;}

#footer:after {content: "  -  Design original by Elinae - © 2015";}

/*--commentaire--*/

.comment_normal, .comment_admin {

width: 100%;

}

.comment_admin .commentnumber {
    color: #070605;}

.commentnumber {
float: left;
     color: #070605;
width: 30px;
font-weight: bold;
font-size: 13px;
padding-left: 5px;
padding-top: 5px;
font-style: normal;
text-decoration: none;
font-variant: normal;
text-align: left;
font-family: "Times New Roman", Times, serif;
}

.commentpseudo a {
font-weight: bold;
font-style: normal;
text-decoration: none;
font-variant: normal;
}

.commentpseudo {
float: left;
padding-top: 5px;
font-family: "Palatino Linotype", "Book Antiqua",Palatino, serif;
    font-size: 10pt;}

.comment_admin .commentpseudo {
font-weight: bold;
font-style: normal;
text-decoration: none;
font-variant: normal;
}

.commentdate {float: right;
font-size: 6.5pt;
padding-top: 5px;
padding-right: 5px;
font-family: Arial, Helvetica, sans-serif;
color: grey;
}

.commentavatar img {border: 1px solid white;
width: 90%;
border-radius: 7px 12px 7px 12px;
box-shadow: 0px 0px 5px black;
}

.commentbody {padding: 5px 5px 7px;
text-align: justify;
}

/*--derniers visiteurs--*/
.module_menu_type_lastvisitors img {
height: 42px;
width: 42px;
margin-left: 5px;
margin-right: 5px;
margin-bottom: 10px;
border-radius: 15px 17px 15px 17px;
box-shadow: 0px 0px 3px black;
border: 2px solid white;
}
.menu-lastvisitors-avatar {
    max-width: 100px;
min-width: 30px;
}

/*--bouton--*/
#background button, #backgroundinput[type=button],#backgroundinput[type=submit] {
font-family: Georgia, serif;
font-size: 15px;
border-top: 0px solid black;
border-right: 0px solid black;
border-bottom: 0px solid black;
border-left: 0px solid black;

background-color: #0d0817;
color: white;
text-shadow: 1px 1px 0px #0f0f0f;
padding-left: 17px;
padding-right: 17px;
padding-top: 5px;
padding-bottom: 5px;
border-radius: 3px 3px 3px 3px;
}

/*--barre de recherche--*/
#background input[type=text]:hover,#background select:hover, #backgroundtextarea:hover {
background-color: #f6f6f6;
}

#background input[type=text], #backgroundselect,#background textarea {
width: 85%;
}

#background input[type=text], #backgroundselect,#background textarea {
border-top: 1px solid #DDDDDD;
border-right: 1px solid #BBBBBB;
border-bottom: 1px solid #BBBBBB;
border-left: 1px solid #DDDDDD;
font-family: Georgia, serif;
font-size: 15px;
color: #383737;
}

  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 à droite.

  3. Ne pas mettre de slogan à votre blog.

  4. Copier, coller et appliquer les codes CSS du thème proposé.

  5. NE PAS METTRE DE MENU DEROULANT

1. le titre du blog est une image, pour qu'il y ai le titre de votre blog, demandez-le moi en commentaire ci-dessous.

2. Une fois que vous aurez l'image correspondant au titre de votre blog, placez ce code dans le code source HTML d'un module :

<div class="bannimg"><img src="LIENDEVOTREIMAGE"/></div>

Puis enregistrez.

3. Il y a un petit bug que je n'ai pas pu régler avec ce thème, lorsqu'on édite un article ou qu'on écrit un commentaire, le fond et la couleur de la police sont claires, il est donc difficile de tout lire (mais dans ce cas il suffit de cliquer sur "Activer/Désactiver l'apparence du thème" qui a une icône en forme de palette [pour peindre]).