LES ZAMIS
Si je peux mettre mon grain de sel , le css qui est plein d'erreurs .
Voici le Css après corrections.
Si tu veux faire un essai pour voir.
header .image
{
height: 354px;
border-top : 2px solid #216AFF;
width:100%;
}
body
{
background-image : url("
https://static.blog4ever.com/2014/11/788383/799677paysage_tiram__23_.png");
background-repeat : repeat;
}
#article p
{
font-size: 18px;
}
nav {
background-image : url('
https://static.blog4ever.com/2014/11/788383/53zfkdMfTakzGW0KLnyx-MZ7R4w-800x640_7471086.jpg');
border-left: 0px solid #0106C3 ;
border-right: 0px solid #0106C3;
box-shadow: 0px 3px 10px -2px rgba(0, 0, 0, 0.5);
border-bottom: 2px solid #216AFF;/* marine */
border-top : 2px solid #216AFF;/* marine */
height : 120px!important;;
padding-top : 15px;
}
nav a {
}
nav a:hover {
color: #0A3A4E ; /* survol écriture barre */
text-decoration: none;
}
/* Image à côté de chaque lien de la barre de navigation */
nav li
{
background-image: url(
https://static.blog4ever.com/2014/11/788383/227140paysage_tiram__20_.png)
background-repeat: no-repeat;
padding-left: 50px; /* dist entre etoile et texte */
margin-left : 20px; /* centrage barre */
background-position: left center;
margin-top: 3px;
}
article
{
width:680px;
margin : 20px auto;
}
#contenu {
width:980px;
background-color: #E7EEF5;
background-image : url(
https://static.blog4ever.com/2014/11/788383/53zfkdMfTakzGW0KLnyx-MZ7R4w-800x640_7471188.jpg);
background-repeat : repeat;
font-size : 22px;
font-family : georgia;
border-right: 2px solid #FFFF99;
border-left: 2px solid #FFFF99;
}
.fond-cote
{
background-color: #E1FFE1;
background-image : url(); /* bleu ciel */
background-repeat : repeat;
}
.menu_bloc {
background-image: url
https://static.blog4ever.com/2017/11/840926/1963710-No-l-fond-dor--Banque-d--images.jpg ;
background-repeat : repeat;
margin: 20px 15px;
border: 2px solid #FFFF99 !important; /* noir */
-moz-border-radius: 10px;
-webkit-border-radius: 10px;
-khtml-border-radius: 10px;
border-radius: 10px;
box-shadow: 5px 0px 10px -2px rgba(0, 0, 0, 0.5);
width : 180px;
}
.menu_bloc h2 {
background-image:url('');
background-repeat: no-repeat;
background-position: center;
color : #0000A4 ;
font-family :georgia;
font-size : 22px; /* grosseur écriture module Art, forum, etc. */
text-align : center;
height : 35px;
}
/*couleur catégories menu*/
aside .bloc-cote a {
color: #000000; /* couleur écriture des catégories */
font-size : 16px; /* taille police */
}
/*Pour changer puce dans menu à la place des >> devant les catégories et articles*/
.menu_bloc li {
background: url('
http://www.icone-gif.com/gif/webmaster/mini-puces/puces_etoile004.gif') no-repeat left 3px;
padding-left: 28px;
}
.layout-1 .fond-cote {
display:none;
}
footer {
background-image : url(
https://static.blog4ever.com/2014/11/788383/53zfkdMfTakzGW0KLnyx-MZ7R4w-800x640_7471086.jpg);
border-top : 2px solid #FFFF99;
border-bottom: 2px solid #FFFF99;
height : 120px;
}
footer a {
color: #0000A4 ;
font-size : 18px;
}
footer a:hover {
color: #0A3A4E ;
}
/* Image à côté de chaque titre h3 */
article h3
{
background-image: url();
background-repeat: no-repeat;
padding-left: 60px;
height : 50px;
background-position: left center;
}
/*transition*/
.menu_bloc:hover {
background-attachment: scroll;
background-clip: border-box;
background-color: #D5E1ED; /* blanc */
background-image: linear-gradient(yellow, rgba(000, 000, 000, 0)) !important; /*# */
background-origin: padding-box;
background-position: 0 0;
background-repeat: repeat;
background-size: auto auto;
transition: background-color 4s ease 0s;
}
aside .bloc-cote a:hover {
color: #009;
}
/* commentaires */
#article_commentaires.comment-v2-fixes .post-comment textarea, #article_commentaires.comment-v2-fixes .reply-comment textarea {
font-size: 18px !important;
font-family: comic sans ms;
color : #000000;
background-image : url(''); /* rose foncé */
}
#articles_commentaires_message_textarea{ /* largeur du cadre message*/
width: 520px;
}
#article_commentaires.comment-v2-fixes .b4e-commentaire-message p {/*largeur du message de reponse*/
margin: 5px 0 10px;
width: 450px!important;
border:solid;
border: 1px solid#FFFF99;
border-radius: 1px;
background-image: url(''); /* gris grum ou on tape */
/* coins arrondis */
-moz-border-radius: 10px;
-webkit-border-radius: 10px;
-khtml-border-radius: 10px;
border-radius: 10px;
font-size : 16px;
text-align: center;
font-family: comic sans ms;
}
#articles_commentaires_submit{ /*placement bouton envoyer*/
margin-left:130px;
}
#articles_commentaires_submit:hover{ /* bouton envoyer*/
background : #;
color : #ffffff;
}
#article_commentaires .comment-date{ /*il y a une heure*/
font-size: 17px;
font-family: Georgia;
color :#FFFFFF;
}
#article_commentaires dl dt.commentaire_auteur .popover .profile .username {
font-family: Georgia;
font-size: 14px;
color : #000080;
}
#article_commentaires.comment-v2-fixes .b4e-commentaire-message p {
margin: 5px 0 10px;
width: auto!important;
}
#article_commentaires dl dd.commentaire_message {
border: 2px solid #216AFF !important;
margin: 15px 10px 0 70px!important;
padding: 10px;
text-align: justify;
width: auto;
border-radius: 20px;
border: 2px solid#FFFF99;
background-image : url('');/*dégradé*/
background-color: #E7EEF5;
}
#article_commentaires .b4e-commentaire-message .b4e-pseudonyme {/* couleur du pseudo */
font-family: Georgia;
font-size: 18px!important;
white-space: nowrap;
color:#000000;
}
.post-comment input[type="text"], .reply-comment input[type="text"] {/*couleur pseudo et mail dans champ réponse nana petit*/
display: block;
font-size: 16px;
width: 40%;
color: #216AFF;
}
#articles_commentaires_titre { /*couleur poster un commentaire*/
border: 1px solid;
color: #FFFF99;
font-family: courrier news;
font-weight: bold;
font-size : 18px;
margin-bottom: 18px;
margin-top: 10px;
text-align: center;
}
#article_commentaires.comment-v2-fixes .actions a { /* j' aime et répondre */
color: #000000!important;
font-size: 14px!important;
font-weight: bold;
}
/*en vous inscrivant sur le blog */
.post-comment .blogmember_invite {
bottom: 0;
background:transparent!important;
font-size: 14px!important;
padding: 0px 30px 0px 10px!important;
position: absolute;
right: -30px!important;
width: 310px!important;
color:#000000;
top:80px!important;
height: 100px;
}
.post-comment .member {
display: block;
font-size: 18px;
height: 25px;
line-height: 25px;
font-family: Georgia;
color : #000000;
}
.element.style {
height: 170px;
}
#article_commentaires.comment-v2-fixes .actions a {
font-size: 15px;
font-family: Georgia;
color : #;
}
input, button, select, textarea {
background-color: #000;
color : #;
font-family: "Georgia",Helvetica,Arial,sans-serif;
}
strong {
color: #000000; /*le nombre de "J'aime"*/
font-size: 16px;
font-weight: bold;
}
#article_commentaires .comment-op {/*pseudo en cas de réponse*/
color: #000000;
font-size: 14px;
font-family : Georgia;
font-weight: bold;
}
ul.b4e-liste-commentaires li:nth-child(odd) {
background-image : url(
https://static.blog4ever.com/2015/11/811484/874022Gouttes2.jpg);
-moz-border-radius: 10px;
-webkit-border-radius: 10px;
-khtml-border-radius: 10px;
border-radius: 10px;
border: 1px solid #FFFF99;
}
ul.b4e-liste-commentaires li:nth-child(even) {
background-image : url(
https://static.blog4ever.com/2015/11/811484/874022Gouttes2.jpg);
}
.menu_blogmember_box_invite
{
font-family: helvetica;
color: #624014!important;
font-size: 12px;
}
#menu_photos h2
{
background-image:url(
https://static.blog4ever.com/2015/11/811484/DAHLIA-03.png);
background-repeat:no-repeat;
margin-left : 0px;
border : none;
height : 160px;
width : px;
}
#menu_articles h2
{
background-image:url(
https://static.blog4ever.com/2015/11/811484/rose-blanche.png);
background-repeat:no-repeat;
margin-left : 0px;
border : none;
height : 160px;
width : px;
}
#menu_partenaires h2
{
background-image: url(
https://static.blog4ever.com/2015/11/811484/DAHLIA-03.png);
background-repeat:no-repeat;
margin-left : 0px;
border : none;
height : 160px;
width : px;
}
#menu_forum h2
{
background-image: url();
background-repeat:no-repeat;
margin-left : 0px;
border : none;
height : 160px;
width : px;
}
#menu_stats h2
{
background-image: url(
https://static.blog4ever.com/2015/11/811484/fleurs-17.png);
background-repeat:no-repeat;
margin-left : 0px;
border : none;
height : 160px;
width : px;
}