Thème en libre service #4 - just snap out of it

/*--fond fenêtre--*/
#body {background: url('https://ekladata.com/tmeGD3203QtvcVEfDEfbluyJKqo.png') no-repeat 50% 0%, url('https://ekladata.com/egtRR48lSbvkb-6KGn-4051P76U.jpg') repeat-x 50% 0%, url('https://ekladata.com/lZFwOjGqaKuT9dGag-aG4z7Kv28.jpg') repeat 50% 0%;}
#body a { text-decoration: none;}

/*--fond page--*/
#background {
width: 1000px;
    margin-top: 0px;
padding-left: 10px;
padding-right: 10px;}

/*--header--*/
#header {
height: 335px;
margin-bottom: 40px;}

#titre_header {font-size: 0pt;}

.bannimg  {position: absolute;
top: -88px;
    margin-left: -22px;}

/*--menu header--*/
#menu {
position: absolute;
top: 276px;
left: 0px;
text-transform: uppercase;
font-size: 15pt;
line-height: 290%}

#menu li {
float: left;
}

#menu a {
    display: block;
height: 55px;
width: 127px;
    padding-left: 5px;
    padding-right: 10px;
    color: #dfdfdf;
    text-align: center;
}


#menu a:hover {
text-decoration: none;
    background-color: #82e353;}


#menu ul a {
height: 55px;
width: 200px;
background-color: #0d0d0d;
text-align: left;
padding-left: 10px;
     -webkit-transition-duration: 0.1s;
                   -moz-transition-duration: 0.1s;
                   transition-duration: 0.1s;
-webkit-transition-timing-function: ease-out;
                   -moz-transition-timing-function: ease-out;
                   transition-timing-function: ease-out;}

#menu ul a:hover {
    width: 180px;
    background-color: #82e353;
padding-left: 30px;
      -webkit-transition-duration: 0.1s;
                   -moz-transition-duration: 0.1s;
                   transition-duration: 0.1s;
-webkit-transition-timing-function: ease-out;
                   -moz-transition-timing-function: ease-out;
                   transition-timing-function: ease-out;}

/*--menu1--*/
#menu1 {position: absolute;
top: 87px;
margin-left: 35px;
height: 150px;
    width: 331px;
color: #9e9e9e;
padding-left: 7px;
padding-right: 7px;}

#menu1 .module_menu_titre {height: 0px;
font-size: 0pt;}
#menu1 .module_menu_contenu {}

.module_menu_type_lastvisitors {
    position: absolute;
margin-left: -150px;
width: 60px;
top: 293px;}

.module_menu_type_lastvisitors img {width: 50px;
height: 50px;
margin-bottom: 25px;
border-radius: 25px 15px / 12px 18px;
border: solid 4px #bababa;
opacity: 0.6;}

.module_menu_type_lastvisitors img:hover {opacity: 1;}

/*--article--*/
#content {width: 1000px;
margin-left: 0px;}
.module_titre_contenu, .module_titre_contenu a {
    height: 60px;
    width: 975px;
    background: linear-gradient( #363636, #262626);
font-weight: lighter;
    font-family: arial;
    color: #bcfcaf;
    font-size: 22pt;
text-decoration: none;
text-align: left;
border-radius: 3px 3px 0px 0px;
text-shadow: 0px 2px 2px black;
line-height: 220%;}

.module_titre_contenu {
padding-left: 25px;
border-bottom: solid 4px #82e352;}

.article_info { display: none;
}

.module_contenu {
    padding-top: 15px;
    padding-left: 15px;
    padding-right: 15px;
    padding-bottom: 10px;
    width: 970px;
    background-color: #fafafa;
font-family:arial;
font-size: 11pt;
color: black;
letter-spacing: 0.1pt;
border-radius: 0px 0px 3px 3px;
}


.module_contenu a {
    color: #f05f88;
    font-weight: bold;
}

.module_contenu a:hover {
    color: #82e352;
}

.module_bottom {
    height: 40px;

}

/*--footer--*/
#footer {
    height: 25px;
    font-size: 14px;
    color: black
        position: absolute;
float: right;
}

#footer a {
    color: black;
}

#footer a:hover {
    opacity: 0.4;
}

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

/*--commentaire--*/

.comment_normal, .comment_admin {

width: 100%;

}

div.commentheader{
    background-color: #f9f9f9;
    margin-top: 10px;
    border-right: solid 1px #ebebeb;
border-left: solid 8px #f57db5;
    border-top: solid 1px #ebebeb;
}

div.commentbody {
    background-color: white;
padding: 5px 5px 7px;
text-align: justify;
margin-bottom: 25px;
 border-right: solid 1px #ebebeb;
border-left: solid 8px #f57db5;
    border-bottom: solid 1px #ebebeb;}

.comment_admin .commentnumber {
    color: #9a9a9a;
font-family: impact;
font-weight: lighter;
font-size: 25px;}

.commentnumber {
float: left;
   color: #9a9a9a;
font-family: impact;
font-weight: lighter;
font-size: 25px;
        font-variant: normal;
text-align: left;
padding-left: 10px;
width: 35px;}

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

.commentpseudo {
    line-height: 140%;
float: left;
padding-top: 5px;
font-family: arial;
    font-size: 18px;}

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

.commentdate {float: right;
font-size: 9pt;
padding-top: 5px;
padding-right: 5px;
font-family: Arial, Helvetica, sans-serif;
color: grey;
    opacity: 0.8;
    line-height: 200%;
}

.commentavatar img {border: 2px solid #9a9a9a;
width: 90%;
border-radius: 12px 25px / 13px 9px;
box-shadow: 0px 0px 2px #9a9a9a;
}


/*--bouton--*/
#background button, #background input[type=button], #background input[type=submit] {
background-color: #54ca26;
color: white;
font-family: tahoma;
font-size: 12pt;
text-align: center;
padding: 5px 15px 5px 15px;
border: solid 0px black;}

  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. Ne pas mettre de slogan à votre blog.

  4. Ne mettre qu'un module dans votre menu en plus de celui des visiteurs.

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

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 faites le vous même, explication en dessous de l'encadré.

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 simple :

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

Puis enregistrez.

3. Eviter plus de 6 lignes de texte dans le module qui se trouve dans le header.

4. Si vous avez un écran de moins de 1200px de large, vous ne pourrez pas voir le module "dernier visiteurs"..

5. Ne pas mettre plus de 7 liens différent dans le menu du header [les liens en plus, mettez les dans le menu déroulant].