Problème design css de blog

Fermé
Amalthee - 15 déc. 2008 à 11:34
 Amalthee - 25 déc. 2008 à 13:49
Bonjour, j'ai un problème. Mon blog qui était couleur absinthe est redevenu rose. Je suis sur overblog. Je suis donc allée sur le mode administration et ai pu voir que je pouvais remettre le css que j'avais créé. Tout s'est remis bien sauf évidemment le milieu de la page avec mes articles qui est resté rose. Je vous ai envoyé l'intégralité du css pour savoir où je devais faire la modification. Pour vous donner une vue plus claire de la chose, je vous donne également l'url du blog. Je vous remercie à l'avance.

http://c-est-ca-la-france.over-blog.com/


/*==================================================*
* *
* CSS genere par francisek.over-blog.com *
* Version 2.1.9 *
* Pour un usage prive uniquement *
* *
* Ne supprimez pas ce copyright, il vous permettra *
* de suivre les corrections!! *
* *
*==================================================*/

/* evolution des CSS personnalises, ne pas supprimer */
@import url("https://fdata.over-blog.com/css/commonstruct2.css"); /* mod�les 2XX */

/* Bug sous IE des elements alignes a gauche ou a droite */
.GcheTexte, .DrteTexte{position:relative;}
/*----------------------------------------*
* Structure *
*----------------------------------------*/

body{
color:rgb(0, 0, 204);
background-color:rgb(204, 255, 204);
font-family:Verdana, Geneva, Arial, Helvetica, sans-serif;
font-size:16px;
padding:0;
margin:0;
}
#centerPage{
width:100%;
text-align:center;
}
#global{
position:relative;
width:880px;
margin:0 auto 0 auto;
}
#main{
position:relative;
float:left;
overflow:hidden;
margin-top:0;
}
#uneCol #main{
width:100%;
}
#deuxColDroite #main{
width:655px;
}
#deuxColGauche #main{
float:right;
width:655px;
}
#troisCol #main{
float:left;
width:440px;
margin-right:5px;
margin-left:5px;
}
#leftnav, #rightnav{
position:relative;
top:0;
padding-top:0;
margin-top:10px;
width:210px;
}
#leftnav{
margin-right:10px;
left:0;
float:left;
}
#rightnav{
right:0;
float:right;
}

#MainTab td{
vertical-align:top;
}

/*----------------------------------------*
* Contenu de la page *
*----------------------------------------*/

#content{
padding:0;
}
#content,
#photo, .quickNavAlbum, #centrethumbsAlbum, .nomPhotoAlbum, .AccAlbum, .centreAccAlbum{
color:rgb(0, 0, 204);
position:relative;
left:0;
top:0;
background-color:rgb(255, 255, 255);
width:auto;
border-width:1px;
border-style:solid;
border-top-color:rgb(255, 255, 255);
border-right-color:rgb(153, 204, 153);
border-bottom-color:rgb(153, 204, 153);
border-left-color:rgb(255, 255, 255);
margin:10px 5px 5px 5px;
font-size:16px;
font-family:Verdana, Geneva, Arial, Helvetica, sans-serif;
}
#photo, .quickNavAlbum, #centrethumbsAlbum, .nomPhotoAlbum, .centreAccAlbum{
margin:0 auto;
padding:1px;
width:80%;
}

#content a,
.quickNavAlbum a{
text-decoration:underline;
color:rgb(51, 51, 255);
font-size:110%;
}
#content a:hover,
.quickNavAlbum a:hover{
text-decoration:none;
color:rgb(0, 0, 204);
}

/*------------------------------*
* Entete/pied de page *
*------------------------------*/

/*
* Entete *
*/

#header, #topAlbum, #enteteAlbum{
background-color:rgb(0, 255, 153);
text-align:center;
position:relative;
top:0;
left:0;
font-family:Verdana, Geneva, Arial, Helvetica, sans-serif;
border-bottom-color:rgb(0, 204, 102);
border-bottom-style:solid;
border-bottom-width:2px;
margin:0;
padding:5px 0;
}
#top{
color:rgb(255, 255, 204);
background-color:transparent;
font-family:Verdana, Geneva, Arial, Helvetica, sans-serif;
font-size:28px;
margin:0;
padding:0;
border:none;
}
#top h1{
margin:0;
padding:0;
color:rgb(255, 255, 204);
}

/*
* Pied de page *
*/

#footer{
margin-top:0;
margin-right:0;
background-color:rgb(0, 255, 153);
font-size:28px;
font-family:Verdana, Geneva, Arial, Helvetica, sans-serif;
border-top-color:rgb(0, 204, 102);
border-top-style:solid;
border-top-width:1px;
position:relative;
width:100%;
bottom:0;
z-index:1;
clear:both;
}
#footer p{
margin:0;
padding:10px;
background-color:transparent;
color:rgb(255, 255, 204);
}
/* liens entete et pied de page */
.topLien, #top a,
.basLien, #footer a,
.lienAlbum{
text-decoration:underline;
color:rgb(255, 255, 204);
font-size:110%;
}
.topLien:hover, #top a:hover,
.basLien:hover, #footer a:hover,
.lienAlbum:hover{
text-decoration:none;
color:rgb(255, 255, 255);
}

/*----------------------------------------*
* Modules *
*----------------------------------------*/

.box{
background-color:rgb(204, 255, 204);
position:relative;
margin-bottom:10px;
font-size:16px;
font-family:Verdana, Geneva, Arial, Helvetica, sans-serif;
border-style:solid;
border-width:1px;
border-bottom-color:rgb(153, 204, 153);
border-right-color:rgb(153, 204, 153);
border-left-color:rgb(255, 255, 255);
border-top-color:rgb(255, 255, 255);
padding:0;
z-index:0;
width:100%;
}
/* Fond du titre des modules */
.box-titre{
background-color:rgb(153, 204, 153);
border-bottom-color:rgb(153, 204, 153);
border-bottom-width:1px;
border-bottom-style:solid;
}
/* Titre des modules */
.box-titre h2{
color:rgb(0, 0, 204);
font-size:120%;
text-align:center;
margin:0;
}
/*Contenu des modules*/
.box-content{
color:rgb(0, 0, 204);
overflow:auto;
background-color:rgb(255, 255, 255);
margin:3px 4px 15px 4px;
padding:0;
border:solid 1px;
border-top-color:rgb(204, 255, 204);
border-right-color:rgb(255, 255, 255);
border-left-color:rgb(204, 255, 204);
border-bottom-color:rgb(255, 255, 255);
}
.box-content p{
color:rgb(0, 0, 204);
margin:4px 0 5px 5px;
padding:0;
}
.box-content ul{
margin:0 5px 0 15px;
padding:0;
}
.box-content li{
list-style:square;
color:rgb(0, 0, 204);
margin:5px;
}
.box-content input{
font-size:16px;
background:rgb(0, 0, 204);
color:rgb(255, 255, 255);
border-style:solid;
border-width:1px;
border-collapse:separate;
border-top-color:rgb(255, 255, 255);
border-right-color:rgb(153, 204, 153);
border-bottom-color:rgb(153, 204, 153);
border-left-color:rgb(255, 255, 255);
}
.box-content a{
color:rgb(0, 0, 204);
text-decoration:underline;
}
.box-content a:hover{
color:rgb(0, 0, 204);
text-decoration:none;
}

/*= Articles =*/
.article, #articleAccueil{
padding:0 0 0 5px;
margin:0;
}
/* liens dans un article */
#content .article .titreArticle, #content .article .titreArticle:hover{
color:rgb(0, 0, 153);
text-decoration:none;
cursor:text;
}
.titreArticle{
margin-left:10px;
margin-right:10px;
}
.barreHautArticle{
font-size:17px;
font-family:Verdana, Geneva, Arial, Helvetica, sans-serif;
border-bottom:1px solid rgb(255, 255, 255);
border-top:1px solid rgb(153, 204, 153);
padding-top:5px;
padding-bottom:5px;
width:100%;
height:17px;
background-color:rgb(204, 255, 204);
color:rgb(0, 0, 204);
}
.Date{
padding-left:5px;
float:left;
}
/* Trackback */
#addTrackback{
border:1px dotted rgb(153, 204, 153);
background-color:rgb(254, 255, 254);
padding:5px;
color:rgb(0, 0, 204);
}
#addTrackback h2{
color:rgb(51, 51, 255);
}
.linkTrackback{
}
/*= Informations sur l'article =*/
.Option{
position:relative;
display:block;
padding:5px;
margin:0 5px 0 0;
border-top:1px dotted rgb(153, 204, 153);
border-bottom:1px dotted rgb(153, 204, 153);
text-align:right;
width:auto;
float:left;
font-size:0.85em;
display:block;
color:rgb(0, 0, 204);
}
* html body .Option{
margin:0 20px 0 0;
}
/* Post� par */
.optionInfo{}
/* categorie de l'article */
.categorieArticle{
padding-right:5px;
}
/* liens commentaires trackback recommander */
.optionLink{}
/* lien direct d'ajout de commentaire*/
.spanaddcomment{}
/*= Commentaires =*/
.commentMessage{
font-family:Verdana, Geneva, Arial, Helvetica, sans-serif;
font-size:16px;
padding:5px;
border:1px inset rgb(153, 204, 153);
background-color:rgb(254, 255, 254);
color:rgb(0, 0, 255);
}
/*infos sur le commentaire*/
.commentOption{
text-align:right;
font-size:95%;
color:rgb(0, 0, 204);
margin-bottom:10px;
margin-right:5px;
}
.h2commentMessage, .h2Trackback{font-size:120%;}

/*= Calendrier =*/
.calendarTop1 {
font-family:Verdana, Geneva, Arial, Helvetica, sans-serif;
font-size:14px;
font-style:normal;
color:rgb(0, 0, 204);
font-weight:bold;
background-color:rgb(153, 204, 153);
}
/*entete*/
.calendarToday1{
font-family:Verdana, Geneva, Arial, Helvetica, sans-serif;
font-size:14px;
font-weight:bold;
color:rgb(204, 255, 204);
background-color:rgb(0, 0, 204);
border-color:rgb(0, 0, 204);
border-style:solid;
border-width:1px;
}
/* Aujourd'hui */
.calendarDays1{
width:50px;
height:15px;
font-family:Verdana, Geneva, Arial, Helvetica, sans-serif;
font-size:14px;
font-style:normal;
color:rgb(0, 0, 204);
background-color:rgb(204, 255, 204);
text-align:center;
}
.calendarHeader1{
font-family:Verdana, Geneva, Arial, Helvetica, sans-serif;
font-size:14px;
background-color:rgb(153, 204, 153);
color:rgb(0, 0, 204);
}
/* lettre de la semaine */
.calendarTable1{
background-color:rgb(153, 204, 153);
border:1px solid rgb(153, 204, 153);
}
/* contour du calendrier */
.calendarTable1 a{
color:rgb(51, 51, 255);
}
.calendarTable1 a:hover{
color:rgb(102, 102, 255);
}

.cleaner{clear:both;}


/* image */
img{
border:0px;
}

/* ---------- Recherche --- */
#Recherche{
padding:0;
}
/*----------------------------------------*
* Album photos *
*----------------------------------------*/

#centreAccAlbum{
margin:auto;
width:80%;
}
/*------------------------------*
* Album general *
*------------------------------*/

#generalAlbum{
margin:0;
text-align:center;
color:rgb(0, 0, 204);
}
.AccAlbum{
margin:0 10% 0 10%;
width:80%;
float:left;
}
.AccAlbum br{ clear:both; }
.thumbAccAlbum{
float:left;
width:120px;
height:120px;
overflow:hidden;
margin:5px;
}
/* Miniatures */
.thumbAccAlbumimg{
width:100%;
border:0 none;
}
/*------------------------------*
* Photo d'un album *
*------------------------------*/

/* Navigation */
.precAlbum{
float:left;
margin:5px;
}
.retourAlbum{
margin:5px;
}
.suivAlbum{
float:right;
margin:5px;
}
.precAlbum a, .suivAlbum a{
margin:5px
}
/* Photo */
#photo{
clear:both;
width:80%;
}
#photo img{
width:100%;
}
.nomPhotoAlbum{
font-size:17px;
margin:0 auto;
}
/* Miniatures */
#centrethumbsAlbum{
float:left;
width:80%;
margin:10px 10% 5px 10%;
}
.thumbAlbum, .thumbCouranteAlbum{
position:relative;
height:120px;
width:120px;
float:left;
margin:5px;
}
.thumbCouranteAlbum img{
border:dashed 2px rgb(0, 0, 204);
height:116px;
width:116px;
}
.thumbsAlbum{background:transparent;}
.thumbAlbum img{
width:120px;
height:120px;
border:none 0;
}
#piedAlbum{clear:both;}

5 réponses

RAD ZONE Messages postés 5224 Date d'inscription samedi 20 janvier 2007 Statut Contributeur Dernière intervention 22 mars 2024 1 353
15 déc. 2008 à 11:55
C est la #global qui as un background en rose sur la page genere !!
0
Est ce que cela veut dire, à part le # qui précède les couleurs que je dois supprimer tous les autres sigles comme celui-ci ? Car je n'ai pas vu dans CSS où se situait "global".
0
Pourrai tu me dire où se trouve dans la source css que j'ai envoyé le # background rose pour que je le change, car j'ai cherché et n'ai rien trouvé. Merci
0
RAD ZONE Messages postés 5224 Date d'inscription samedi 20 janvier 2007 Statut Contributeur Dernière intervention 22 mars 2024 1 353
16 déc. 2008 à 11:20
SALUT

Il n est pas sur le css que tu a cole ici !!

mais il apparais sur la page genere !!


il est dans ce css
http://accel5.fdata.over-blog.com/...
#global{background:#F6A1EE;}


0
Coucou Rad Zone, et joyeux noel à l'avance. Ce CSS dont tu m'as mis le lien. Tu l'as trouvé où ? En faisant click droit avec la souris dans le blog "c'est ça la france" ? J'ai en tout cas vu où se trouvait le "global" sur le lien que tu m'as envoyé et ai rectifié la couleur. Cela dit, le tout étant de réussir à remettre ladite couleur sur le blog, chose que je ne suis pas encore arrivé à faire. Bonne journée
0

Vous n’avez pas trouvé la réponse que vous recherchez ?

Posez votre question
RAD ZONE Messages postés 5224 Date d'inscription samedi 20 janvier 2007 Statut Contributeur Dernière intervention 22 mars 2024 1 353
23 déc. 2008 à 18:10
c est dans le css appele
screen.css
0
Ca y est j'ai vu et j'ai réglé le problème. Je te remercie. J'espère que tu as passé de bonnes fêtes de noel.
0