[CATE] Couleur des catégories

Bonjour,

j'ai le forum Ouaf ouaf pub : http://www.ouaf-ouaf-pub.com/

Je viens de modifier le design. Or je me suis certainement trompée en codifiant les couleurs des catégories. Normalement, elles auraient dû être comme celui du nombre des sujets et des messages sur le côté.

Pouvez-vous rectifier mon erreur ?

Voilà le code CSS :

Code:

div.partenaire {width: 500px;line-height: 0;text-align:center;}
div.partenaire a, div.partenaire a img {height: 18px;width: 50px;}
div.partenaire a {display: inline-block;position: relative;margin: 1px;}
div.partenaire a img {display: block;position: absolute;left: 0;top: 0;-webkit-transition: all 0.3s linear;-moz-transition: all 0.3s linear;-ms-transition: all 0.3s linear;-o-transition: all 0.3s linear;transition: all 0.3s linear;}
div.partenaire a:hover img {height: 31px;width: 88px;z-index: 99;left: -50%;top: -50%;}
/*****Scrollbar*****/
::-webkit-scrollbar {
  height: 5px;
  width: 12px;
  background-color: #FFF7EE;}
html > ::-webkit-scrollbar {
  width: 12px;}
::-webkit-scrollbar-thumb {
  background: #FFF7EE;
  border-radius: 20px;}
::-webkit-scrollbar-track-piece {
  background-color: #FFF7EE;}

/*****Barre de navigation*****/
.navig {position: fixed;top: 0%;width: 100%;background: #FFF7EE;border:2px solid #456B35;margin-left:-10px;}
/*****Suppression cadre PA*****/
.cadre_entete .row1 {background-color: #FFF7EE;border: none;}
.cadre_entete .forumline {background-color: #FFF7EE ;border: none ;}
/*****Retrait soulignement liens*****/
a { text-decoration: none; }


/*QEEL ouaf ouaf pub by ookami shiroi*/
.cadregeneralouaf {
  background-color: #FFF7EE;
  color: black;
  border: 2px solid #456B35;
  width: 850px;
  border-radius: 0px 0px 10px 10px;
 
}

.Ouaf_pix {
  background-color: #FFF7EE;
  color: black;
  width: 200px;
  height: 320px;
}
.users_ouaf {
  background-color: #FFF7EE;
  color: black;
  width: 620px;
  height: 160px;
  border: 2px solid #456B35;
  margin-bottom: 5px;
}
.users_ouaf:hover {
  background-color: #FFF7EE;
  color: black;
  width: 630px;
  height: 180px;
  border: 2px solid #456B35;
  border-radius: 10px;
  margin-bottom: 5px;
}
.nbouaf {
  background-color: #FFF7EE;
  color: black;
  width: 200px;
  height: 160px;
  border: 2px solid #456B35;
}
.nbouaf:hover {
  background-color: #FFF7EE;
  color: black;
  width: 210px;
  height: 180px;
  border: 2px solid #456B35;
  border-radius: 10px;
}
.chenils {
  background-color: #FFF7EE;
  color: black;
  width: 200px;
  height: 160px;
  border: 2px solid #456B35;
}
.chenils:hover {
  background-color: #FFF7EE;
  color: black;
  width: 210px;
  height: 180px;
  border: 2px solid #456B35;
  border-radius: 10px;
}

.ouafbirth {
  background-color: #FFF7EE;
  color: black;
  width: 200px;
  height: 160px;
  border: 2px solid #456B35;
}
.ouafbirth:hover {
  background-color: #FFF7EE;
  color: black;
  width: 210px;
  height: 180px;
  border: 2px solid #456B35;
  border-radius: 10px;
}

/*****Chatbox*****/
#chat_box_cachee {
margin: 0 auto;
width: 790px;
min-height: 10px;
padding: 10px;
border: 1px solid #456B35;
display: none;
background-color: #FFF7EE;
border: 2px solid #456B35;}
.bouton_ouverture {
background: #C4D7ED;
background-position: center !important;
width: 802px;
height: 25px;
min-height: 10px;
border-top: 0px;
display: block;
margin: 0 auto;
padding: 4px;
-webkit-border-radius:  15px 15px 0px 0px;
-moz-border-radius:15px 15px 0px 0px;
-o-border-radius:15px 15px 0px 0px;
-khtml-border-radius:15px 15px 0px 0px;
border-radius:  15px 15px 0px 0px;
margin-top: 10px;
border: 2px solid #456B35;}
.bouton_ouverture {
font-family:Verdana, Helvetica, sans-serif;
text-align: center;
font-size: 14px;
text-decoration: none !important;
color: #000000 !important;
text-shadow: 1px 0px 1px #000000;}
.bouton_ouverture:hover {
color: #000000 !important;
uppercase: 2px;
text-decoration: none !important;
text-shadow: 1px 0px 1px #000OOO;}
element.style {
margin-top: 10px;
width: 100%;
}
/**********Caté by Alouqua**********/
.ticate {
background-image:url('http://zupimages.net/up/15/10/ws95.png');
height:35px;
font-family: 'Peralta', cursive;
font-size:24px;
text-align:center;
border-radius:20px;}
.tifo {
background-image:url('http://zupimages.net/up/15/10/ws95.png');
height:25px;
width:50%;
font-family: 'Peralta', cursive;
font-size:16px;
text-align:center;
border-radius:20px;
margin-left:auto;
margin-right:auto;}
.catedesc {
width:90%;
background:# #FFF7EE;
border:3px solid #456B35;
border-radius:20px;
text-align:center;
font:12px Georgia;
height:130px;
margin-left:auto;
margin-right:auto;}
.forum-desc {
width:550px;
height:120px;
overflow:auto;
margin-left:50px;
margin-top:-80px;}
.sousfo {
background-image:url('http://zupimages.net/up/15/10/ws95.png');
text-align:center;
margin-left:auto;
margin-right:auto;
width:60%;
border-radius:20px;
border-left:3px solid #456B35;
border-right:3px solid #456B35;
border-bottom:3px solid #456B35;}
.imgcate {
float:left;
margin-left:-50px;
margin-top:-10px;}
.derncaté {
background:#FFF7EE;
border:3px solid #456B35;
border-radius:20px;
text-align:center;
font:12px Georgia;
height:90px;
width:130px;
float:right;
margin-top:-70px;}
/**********Fin catégories**********/
#chatbox_header .cattitle:before { content: "Aboyons ensemble"; }
#chatbox_header .cattitle strong { visibility: hidden; }
.haut{
        position:fixed;
        bottom:500px;
        left:10px;}
       
.bas{
        position:fixed;
        bottom:460px;
        left:10px;}

/****************** début speudo slide***************/
 
.pseudo_profil{
  font-family: 'Peralta', cursive;
font-size: 20px;                                           
  text-transform:;
  text-align: center !important;
text-decoration:none !important;
 -webkit-transition: all 0.5s ease-in;
  -moz-transition: all 0.5s ease-in;
  -ms-transition: all 0.5s ease-in;
  -o-transition: all 0.5s ease-in;
  transition: all 0.5s ease-in;
}
 
 .pseudo_profil:hover {   
  letter-spacing:7px;
 -webkit-transition: all 0.5s ease-in;
  -moz-transition: all 0.5s ease-in;
  -ms-transition: all 0.5s ease-in;
  -o-transition: all 0.5s ease-in;
  transition: all 0.5s ease-in;
}
 
  /************* fin speudo slide*******************/
 
.profil_contour
{
  border: 2px solid #456B35;    /***contour*****/
  background-color: #FFF7EE; /*************  contour cadre couleur********************/
  border-radius: 15px;      /******************** angle exterieur cadre couleur **********************/
  font-family: 'Peralta', cursive;      /**** rang forum******/
font-size: 20px;                               
  text-align:center;
 padding-bottom:5px;
  padding-top:5px;
padding-left:5px;
padding-right:5px;
}
 /***************fin cadre couleur ***************/
 
 /************* début texte  slide intérieur ************/
.profil_mess div{ 
  opacity:1;
}
 
  .profil_mess     
{
  text-align:left;
  font-family: 'Peralta', cursive;
font-size: 11px;                               
  opacity: 0;
 -webkit-transition: all 0.5s linear;
  -moz-transition: all 0.5s linear;
  -ms-transition: all 0.5s linear;
  -o-transition: all 0.5s linear;
  transition: all 0.5s linear;}
 
 
.profil_mess:hover   
{
  filter: alpha(opacity=100);
  opacity:1;
  -webkit-transition: all 0.5s linear;
  -moz-transition: all 0.5s linear;
  -ms-transition: all 0.5s linear;
  -o-transition: all 0.5s linear;
  transition: all 0.5s linear;
}
 /*************fin texte slide intérieur *************/
/********* coin arrondie de avatar + taille automatique  **********/
#postdetails.poster-profile a img { 
  border-radius:15px;
  width:100%;
  height:100%;
 
}
 

/*******fond interieur ******/
#slide_avatar div {
  border-radius: 15px;  /*angle coin cadre interieur */
 background: #FFF7EE;
  width:200px; /* Égal à la largeur de l'image */
 height: 200px; /* Égal à la hauteur de l'image */
 overflow: hidden;
 position: relative;
 }
 
 /*  début ne sert pas pour toi Ellebasi****************/
/*#slide_avatar div img {      /*remonte
  left: 0;
 position: absolute;
 top: 0;
 
  -webkit-transition: -webkit-transform 1s ease-in-out;
  -mz-transition: -mz-transform  1s ease-in-out;
  -0-transition: -0-transform 1s ease-in-out;
  transition: transform 1s ease-in-out;
 
 }
 
#slide_avatar div:hover img {      /*descente
  float:left;
  -webkit-transform: translatey(200px);
  -moz-transform:translatey(200px);
  -o-transform: translatey(200px);
  transform: translatey(200px);
 
  -webkit-transition: -webkit-transform 1s ease-in-out;
  -moz-transition: -moz-transform  1s ease-in-out;
  -o-transition: -o-transform 1s ease-in-out;
  transition: transform 1s ease-in-out;
 }*/

/*************** fin ne sert pas pour toi **************/
 
/****** début slide avatar img ****************/
#slide_avatar div img{ 
    -webkit-transition:all 1.5s;    /* fait glisser l avatar */
    -moz-transition:all 1.5s;      /* fait glisser l avatar autre navigateur */
    -o-transition:all 1.5s;        /* fait glisser l avatar autre navigateur */
    -ms-transition:all 1.5s;      /* fait glisser l avatar autre navigateur */
    transition:all 1.5s;        /* fait glisser l avatar autre navigateur */
    top:0;                /* ne pas toucher */
    left:0;              /* ne pas toucher */
    width:100%;          /* ne pas toucher */
    height:100%;        /* ne pas toucher */
    position:absolute;    /* ne pas toucher */
    z-index:1;
}
 
 #slide_avatar div:hover img{
    margin-top:-200px;      /* fait glisser l avatar a droite */
}
/*******************fin slide avatar img ********************/
/*fin de R-max*******************************avatar slide vert le haut ***********************************************************/


/*code chattbox defilente */
.fpanel { position: fixed; }
.fpclose,.fpopen { cursor: pointer; }
.fpclose { display: none;
}
 #fp848 { bottom: 5px; left: -900px; }
#fp848 .fpcontent { width: 900px;
}

******
#chat_box_cachee {
display:none!important;
}


Merci beaucoup par avance.

Bonne journée/soirée

Salut,

On a pas eu de nouvelles depuis plus de 10 jours, le sujet est-il toujours d'actualité ? :)

Bonjour,

j'attends de l'aide de votre part car je n'ai pas la solution à mon problème.

Merci par avance

Hello, t'es pas vraiment au bon endroit (probablement pour ça que tu n'as pas de réponse !) mais je pense avoir identifié ton problème.

Dans ton CSS dans ta class catedesc, tu as pour ton background ça : # #FFF7EE.
Si tu enlève le premier dièse le problème est résolu (du moins si j'ai bien compris ce que tu veux x)).

Coucou,

tu es géniale ! Mon problème est résolu.

Merci beaucoup !

Vous pouvez archiver le sujet.

Bonne journée

Et encore merci

Mais de rien x)
Pense à mettre l'icône 'terminé' pour facilité le travail des responsables (: