Bonjour,

J'aimerais changer la couleur d'arrière plan qui se trouve derrière ma bannière, car elle ne concorde pas avec le site, ou bien la rendre transparente.

Est-ce possible à partir du CSS ? quelle ligne faut-il modifier ?

Je vous remerci par avance !

Bonsoir,

Est-ce la petite bande au-dessus de ta bannière qui te gêne ?

Si c'est ça, colle ceci dans ta css :

#ln_2 {margin-top:0px;}

. .

Peut-être la dedans :

#top {
    padding: 22px 12px 16px 12px;
    text-align: left;
    font-size: 24px;
    color: #353535;
    }

ou ici:

body {
    background: #FFF;
    color: #000;
    }

A voir

>Francis : c'est un CSS V1 ! :

>Jer : si j'ai bien compris ce que tu veux, il faut rajouter ce qui est en gras dans ton CSS :

#top    { padding:5px; background-color: #ddd; border-bottom: 1px solid gray; background:transparent; }

 :

Bonsoir Francis,

Non, c'est plutôt la grande bande grise qui se trouve sous la bannière qui me gêne.

Ceci dit ton astuce pourra toujours m'être utile.

Bonsoir Sprite,

Non, je pensais aussi, mais après changement ca ne change rien.

J'ai ca dans body :

body    { margin:0px; padding: 0; font-family: Verdana, Helvetica, Arial, sans-serif; font-size:x-small; background:#FFF39B; background-image:url("http://www.imagescoyotesm.com/images/3/71d2d6ccac82f8a334937ff0fcdc0d8a.jpg"); }

et ca dans top :
#top    { padding:0 5px;   width:100%; background-color:#ddd; border-bottom: 1px solid gray;}

j'avais changé la valeur de gray en pensant que c'était ca, mais non, puis #ddd mais non plus.

tu pourrais coller le code de ton CSS pour voir ...

Je donne la réponse plus haut !

:

J'ai essayé ta solution Djac Baweur, mais cela ne semble pas fonctionner non plus snif

Le CSS est en V2 à priori. J'avais modifier le design exprès !

Djac > Il y a des onglets V2 partout. .

Jer > Pour ce que j'ai donné, c'est utile avec Firefox, car avec Explorer, le haut de ton blog est parfait. Chose étonnante avec Explorer ..

Sinon, si tu veux ôter le fond gris sous ta baniière qui donne l'impression de voir une bordure tout autour, c'est la ligne que Djac a donnée :

/* entete */
#top    { padding:5px; background-color:transparent; border-bottom: 1px solid gray; }

Voici le code CSS (de la partie Global) :

body    { margin:0px; padding: 0; font-family: Verdana, Helvetica, Arial, sans-serif; font-size:x-small; background:#FFF39B; background-image:url("http://www.imagescoyotesm.com/images/3/71d2d6ccac82f8a334937ff0fcdc0d8a.jpg"); }

a         { text-decoration:underline; color:#5675A4; font-size:110%; }
a:hover { text-decoration:none; color:#9E9E9E;}


#top    { padding:5px;   width:100%; background-color:#ddd; border-bottom: 1px solid gray; background:transparent;}

#footer   { clear:both; color: #333; border-top: 1px solid gray; }
#footer p { margin:0px; padding: 10px; background:#ddd; }


.box-titre  {background-image:url(http://fdata.over-blog.com/99/00/00/01/templates/101/default/article/common/pics/fond-h-c.png) repeat-x top; margin:0px; padding:0px; border-left:1px solid #BFBFBF; border-right:1px solid #BFBFBF; border-bottom:1px solid #BFBFBF;}
.box-titre span{background:url(http://fdata.over-blog.com/99/00/00/01/templates/101/default/article/common/pics/fond-h-c.png) repeat-x top; display:block;margin:0px; padding:0px;  }

.box-titre h2 {padding:0px; margin:0px; margin-left:5px;}


.box-footer  {background:url(./pics/fond-b-c.png) repeat-x top; margin:0px; padding:0px; font-size:2px; height:5px;}
.box-footer  h2 {background:url(./pics/fond-b-d.png) right top no-repeat ; display:block;margin:0px; padding:0px; }
.box-footer  span {background:url(./pics/fond-b-g.png) left top no-repeat ; display:block;margin:0px; padding:0px; }


.beforeArticle {padding:0px 0px 5px 0px; margin:0px; border-bottom:1px solid #808080; width:100%; }

.article    { margin-top:10px; padding:0px;  }
.article p  { padding:0px 0px 5px 5px; margin:0px; }

.date     { width:100%; margin-right:10px;}

.titreArticle{text-decoration:none;}
.titreArticle:hover {text-decoration:none;}

.box-content { padding:5px; background:url(./pics/fond-m-d.png) repeat-y right; border-left:1px solid #BFBFBF; border-right:1px solid #BFBFBF; border-bottom:1px solid #BFBFBF;}
.box-content li {color:#000000;}
.box {margin:auto; margin-bottom:5px; overflow: hidden;}

.commentMessage  { padding:5px; border:1px dotted #999999;background:#F8F8F8; margin:0px;}

.commentOption   {text-align:right;font-size:85%;color:#808080; margin-bottom:10px;}

.plusExtrait {margin:10 auto 15px auto}

#cl_1_1 {padding:5px;/* border-right:1px solid #999; border-left:1px solid #999;*/}

Merci

>Francis ; en effet, tu as raison, ce qui m'a trompé, c'est de trouver :

main1 {  text-align:left; margin:0px auto 50px auto; }
#main1 #rightnav   {  padding:10px; width:210px; } /* colonne de droite */
#main1 #leftnav    {  padding:10px; width:210px; } /* colonne de gauche */

etc... dans le "custom"...

Ceci dit, ça ne change pas le fait que ma ligne doit être bonne !

>Jer, as-tu vidé le cache de ton blog avant de visualiser les changements ?

:

Moi, je ne vois plus du tout de fond derrière la bannière tout est jaune

C'est bon !!! Merci à vous !

En fait je mettais background au lieu de bacground-color et j'ai dû faire la modification dans le CSS de Global et celui de Accueil pour que sa fonctionne.

Merci encore

>Jer : Avril2 a raison, j'ai vidé le cache de mon navigateur, et je n'aperçois plus la bande grise sous la bannière ! Donc, ça fonctionne ! :

oui, c'est bon, le fond est ok ...

:)

oui, merci