Thème #2 -Les Minions-

14.07.2015

Oui, je sais que "Rejoint" est normalement avec un "S" mais c'est pas grave (technique de flemme pour ne pas devoir tout refaire) mais dans les codes il n'y a pas le header avec les fautes

Pour installer le thème merci de:

Mettre un menu à droite
Ne pas mettre plus de 5 lien dans le menu du header
Ne pas mettre des titre d'articles trop long
Mettre toutes les valeurs à 0

Si vous avez un souci, je suis là pour vous aider mais normalement tout marche :)

/*--fond fenêtre--*/
#body {background:url('https://ekladata.com/1DprEGddeqUedbmvNfx8-PuXTg8.png') no-repeat 50% 0%,url('https://ekladata.com/q7sHfvMhH3PSPmAsM1V5R89Rjwg.png') repeat 0% 0%,url('https://ekladata.com/q7sHfvMhH3PSPmAsM1V5R89Rjwg.png') repeat 50% 0%;}
#body a { text-decoration: none;}

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

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

#titre_header {font-size: 0pt;}

/*--menu header--*/
#menu {z-index: 15;
  list-style-type: none;
  margin: 0px; padding: 0px;
  position: absolute;
  top: 565px;
left: 490px;
text-transform: uppercase;
font-size: 15pt;
line-height: 290%;}
#menu a {letter-spacing: 1.0pt;}
#menu ul a, #menu ul a {letter-spacing:1.0pt;
  line-height: 10px;}
#menu ul a:hover,
#menu ul a:hover {
  text-shadow: 1px 1px 10px white;}

#menu li {
float: left;
}

#menu a {
  display: block;
height:50px;
width: 100px;
  padding-left: 5px;
  padding-right: 25px;
  color: #266dac;
  text-align: right;
}
#menu ul a {
height: 30px;
width: 140px;
background-color: #e8e8e5;
text-align: left;
  padding-left: 5px;
padding-right: 5px;}



/*--menu1--*/
#menu1 {position: absolute;
top: 650px;
left: 200px;
  width: 331px;
}

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

.module_menu_type_lastvisitors {
  position: absolute;

width: 100px;
top: -600px;
left : -40px;}

.module_menu_type_lastvisitors img {width:50px;
height: 50px;
margin-bottom: 25px;
border-radius: 12px 15px / 8px 19px;
box-shadow: 0px 0px 2px white;
border: solid 2px white;
opacity: 0.7;}

.module_menu_type_lastvisitors img:hover{opacity: 1;}

/*--article--*/
.module_titre_contenu {height: 100%; padding-top: 9px; padding-bottom: 5px; padding-left: 10px; padding-right: 10px;} .module_titre {  top: 390px;   left:505px; heigh: 500px; width: 810px;
-webkit-transform: rotate(90deg);   -moz-transform: rotate(90deg);   -o-transform: rotate(90deg);   transform: rotate(90deg);}
#content {width: 1000px;
  heigh :100px;
margin-left: 180px;
text-align: justify;
}
.module_titre_contenu,.module_titre_contenu a {
  margin-top :4px;
font-weight: ;
  font-family: arial;
  color: #266dac;
  font-size: 30pt;
text-decoration: none;
text-align: left;
text-shadow: 0px 2px 2px white;
  }

.article_info { display: none;
}

.module_contenu {

  padding-top: 15px;
  padding-left: 15px;
  padding-right: 15px;
  padding-bottom: 10px;
  width: 940px;
  background-color: #fafafa;
font-family:arial;
font-size: 11pt;
color: black;
letter-spacing: 0.3pt;
border-radius: 25px 15px / 12px 18px;
}

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

.module_contenu a:hover {
  color: #266dac;
}

.module_bottom {
  height: 40px;

}

/*--footer--*/
#footer {
  height: 25px;
  font-size: 14px;
  color: #266dac;
  background-color: #e8e8e5 repeat
  position: absolute;
float: center;
}

#footer a {
  color: #266dac;
}

#footer a:hover {
  opacity: 0.4;
}

#footer:after {content: "-  Design by Rioko Sakura  -  © 2015";}

/*--commentaire--*/
.comment_normal, .comment_admin {
width: 100%;
}

div.commentheader{
  background-color: white;
  margin-top: 10px;
  border-right: solid 1px #ebebeb;
border-left: solid 8px #fbe31f;
  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 #fbe31f;
  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 {
width: 90%;
border-radius: 12px 15px / 8px 19px;
box-shadow: 0px 0px 2px #9a9a9a;
}

Merci à Nagalia pour ses codes très utiles.

En cadeau, je vous propose des petits avatars

Thème #2 -Les Minions-