Changer une couleur sur chatbox

[domainedeletrange]

Détails techniques

Version du forum : Invision
Poste occupé : Administrateur
Navigateur(s) concerné(s) : Google Chrome
Capture d'écran du problème :

Voir l'image:

Personnes concernées par le problème : Tous les utilisateurs
Lien du forum : http://www.domainedeletrange.com/

Description du problème

Bonjour,

Je viens à vous pour changer le code couleur du fond blanc sur l'image ci jointe, quand on écrit en blanc sur la tchatbox on ne voit pas ce que nous écrivons, car justement le fond est blanc mais je voudrais le mettre en noir. Seulement je ne connais pas le code.
Merci d'avance pour votre aide.

[MlleAlys]

Bonjour,
Dans le panneau d'administration, cette couleur est normalement celle de "Couleur de fond 1".
Si la couleur ne correspond pas, vous devez avoir un code dans votre feuille de style qui force le fond blanc. Dans ce cas pourriez vous nous fournir votre feuille de style (entre balises code, sous hide si besoin) s'il vous plait ?

[domainedeletrange]

Bonjour, merci pour votre réponse, voici le ccs ajouté qui cause peut être problème.

Code:

.fa_avatar {
  width: 20px;
  height: 20px;
  position: relative;
  top: -3px;
  margin-right: 5px;
  border-radius: 3px;
  margin-bottom: -3px;
}
.postprofile dt img {
height: 100px;  /*Largeur*/;
width: 100px;  /*Hauteur*/;
border-radius:5px; }
div.sceditor-container.ltr iframe, div.sceditor-container.ltr textarea {
color: #ffffff !important;
}
.sceditor-button.sceditor-button-source{
  display:none;
}
/*Memberlist*/
.member {
   background-color: #000000;
   border: 1px solid #ffffff;
   }
.member-list .popmenubutton .mini-avatar {
   border: 1px solid #000000;
   background-color: #000000;
   }
div.borderwrap .member-list {
   background-color: #000000;
   }
#message {background-color:#ffffff;}
.pagination span a, .pagination span a:active, .pagination span a:link, .pagination span a:visited {color:#000000;}
 
/*Bouton Aller a la page*/
div.pagination a.goto {background-color:white !important;color:black !important;}
/*Bouton des numeros*/
div.pagination b , div.pagination a{background-color:white !important;color:black !important;}
/*Le dernier bouton des numeros*/
div.pagination a:last-child {background-color:white !important;color:black !important;}
/******LE BLOC DE RECHERCHE AU CLIC********/
/*Le contour*/
form[name="go_page"] .forumline {border:1px solid #D6401E}
/*Le premier contenu Aller a la page */
form[name="go_page"] .forumline th.thHead {background-color:white !important;color:black !important;}
/*Le contenu suivant*/
form[name="go_page"] .forumline td.row1 {background-color:#D6401E !important;}
/*La case a remplir*/
form[name="go_page"] .forumline td.row1 input.bginput {background-color:white !important;color:black !important;}
/*Le bouton Aller*/
form[name="go_page"] .forumline td.row1 input.button {background-color:white!important;color:black !important;}
.postprofile-details.postdetails{background: url('http://i74.servimg.com/u/f74/13/37/95/30/derrie16.jpg');}
.postprofile-head.post-header{background: url('http://i74.servimg.com/u/f74/18/07/40/71/fond_t13.jpg');}
.popupmenu li {
background-color: #000000;
}
.popupmenu {
background-color: #000000;
}
.post {
border-bottom: 10px solid #123238;
}
.topic-footer {
background-color: #123238;
}
.member p {
color: #ffffff;
}
#search_menu {
background-color: black;
border: 2px solid white;
}
.advanced-search .search-footer {
background-color: black;
border-top: 1px solid black;
}
#search_menu input.post {
border: 1px solid #ffffff;
}
 input[name="search_keywords"]
{color:#D6401E !important;}
 table.ipbtable tfoot td {background:url(http://i74.servimg.com/u/f74/18/07/40/71/fond_t10.jpg )repeat-x;}
 a#M14_btn_left, a#M14_btn_right{background:none !important;}
body {
  background-image:url(http://i74.servimg.com/u/f74/18/07/40/71/28680810.jpg);
  background-size: 100% auto;
}
 .topic-paging a {color:black;}
.exthelp, .rte-menu-button {
color: red !important;
}
#chatbox .user-msg .user, #chatbox .user-msg .msg {
    display: inline;
}
#chatbox_members .cb-avatar > img {
  height:30px;width:30px;
  vertical-align: middle;
}
#chatbox.recently-connected:after {
  font-family: "trebuchet ms", serif;
  font-size: 1.5em; line-height:1.5em; font-weight: bold; color: #8BC34A;
  box-shadow:0 0 5px #AED581; display:block; background: #F1F8E9; margin:auto;
  width:80%; margin:1.5% auto; padding:1%; white-space: pre;
  content: "Bienvenue sur la chatbox DDE Si tu es seul, tape trois fois dans tes mains.";
}
/* Ligne de séparation */
#chatbox > p {
  border-bottom: 0px solid #d5dde5;
}

[MlleAlys]

Merci,
le code en question est celui là :

Code:

#message {
  background-color: #fff;
}

Supprimez ce passage et la zone de saisie reprendra un fond noir ^^

Ce qui donne le css (rangé pour l'occasion ^^) :

Code:

.fa_avatar {
  position: relative;
  top: -3px;
  width: 20px;
  height: 20px;
  margin-right: 5px;
  margin-bottom: -3px;
  border-radius: 3px;
}

.postprofile dt img {
  width: 100px;
  height: 100px;
  border-radius: 5px;
}

div.sceditor-container.ltr iframe, div.sceditor-container.ltr textarea {
  color: #ffffff !important;
}

.sceditor-button.sceditor-button-source {
  display: none;
}

/*Memberlist*/

.member {
  border: 1px solid #ffffff;
  background-color: #000000;
}

.member-list .popmenubutton .mini-avatar {
  border: 1px solid #000000;
  background-color: #000000;
}

div.borderwrap .member-list {
  background-color: #000000;
}

.pagination span a, .pagination span a:active, .pagination span a:link, .pagination span a:visited {
  color: #000000;
}

/*Bouton Aller a la page*/

div.pagination a.goto {
  color: black !important;
  background-color: white !important;
}

/*Bouton des numeros*/

div.pagination b, div.pagination a {
  color: black !important;
  background-color: white !important;
}

/*Le dernier bouton des numeros*/

div.pagination a:last-child {
  color: black !important;
  background-color: white !important;
}

/******LE BLOC DE RECHERCHE AU CLIC********/

/*Le contour*/

form[name="go_page"] .forumline {
  border: 1px solid #D6401E;
}

/*Le premier contenu Aller a la page */

form[name="go_page"] .forumline th.thHead {
  color: black !important;
  background-color: white !important;
}

/*Le contenu suivant*/

form[name="go_page"] .forumline td.row1 {
  background-color: #D6401E !important;
}

/*La case a remplir*/

form[name="go_page"] .forumline td.row1 input.bginput {
  color: black !important;
  background-color: white !important;
}

/*Le bouton Aller*/

form[name="go_page"] .forumline td.row1 input.button {
  color: black !important;
  background-color: white!important;
}

.postprofile-details.postdetails {
  background: url('http://i74.servimg.com/u/f74/13/37/95/30/derrie16.jpg');
}

.postprofile-head.post-header {
  background: url('http://i74.servimg.com/u/f74/18/07/40/71/fond_t13.jpg');
}

.popupmenu li {
  background-color: #000000;
}

.popupmenu {
  background-color: #000000;
}

.post {
  border-bottom: 10px solid #123238;
}

.topic-footer {
  background-color: #123238;
}

.member p {
  color: #ffffff;
}

#search_menu {
  border: 2px solid white;
  background-color: black;
}

.advanced-search .search-footer {
  border-top: 1px solid black;
  background-color: black;
}

#search_menu input.post {
  border: 1px solid #ffffff;
}

input[name="search_keywords"] {
  color: #D6401E !important;
}

table.ipbtable tfoot td {
  background: url(http://i74.servimg.com/u/f74/18/07/40/71/fond_t10.jpg) repeat-x;
}

a#M14_btn_left, a#M14_btn_right {
  background: none !important;
}

body {
  background-image: url(http://i74.servimg.com/u/f74/18/07/40/71/28680810.jpg);
  background-size: 100% auto;
}

.topic-paging a {
  color: black;
}

.exthelp, .rte-menu-button {
  color: red !important;
}

#chatbox .user-msg .user, #chatbox .user-msg .msg {
  display: inline;
}

#chatbox_members .cb-avatar > img {
  width: 30px;
  height: 30px;
  vertical-align: middle;
}

#chatbox.recently-connected:after {
  content: "Bienvenue sur la chatbox DDE Si tu es seul, tape trois fois dans tes mains.";
  display: block;
  width: 80%;
  margin: auto;
  margin: 1.5% auto;
  padding: 1%;
  font-family: "trebuchet ms", serif;
  font-size: 1.5em;
  font-weight: bold;
  line-height: 1.5em;
  white-space: pre;
  color: #8BC34A;
  background: #F1F8E9;
  box-shadow: 0 0 5px #AED581;
}

/* Ligne de séparation */

#chatbox > p {
  border-bottom: 0 solid #d5dde5;
}

[domainedeletrange]

Rha merci beaucoup pour votre aide , tant que j'y suis et ceci correspondant au thème, je cherche également à supprimer les lignes de séparation blanches entre chaque message posté sur la chatbox je pensais que c'était ce code ci :

Code:

/* Ligne de séparation */
 
#chatbox > p {
  border-bottom: 0 solid #d5dde5;
}

Mais j'en ai pas l'impression.

[MlleAlys]

Normalement ce code permet justement de mettre la largeur de la bordure à 0, donc de la rendre invisible, mais ici le code ne prend pas le dessus (j'avoue que je ne sais pas trop pourquoi...) Pour forcer un code à écraser un précédent, on peut utiliser !important juste avant le point-virgule (attention, à utiliser avec modération, mettre des !important dès qu'on a l'impression qu'un code ne fonctionne pas peut parfois poser soucis ! trop de important tue le important ! ).
Remplacez ce code par le suivant :

Code:

/* Ligne de séparation */
 
#chatbox > p {
  border-bottom: none !important;
}

[domainedeletrange]

Le important à fonctionné ! Merci vous êtes un ange Je passe donc en résolu.