Changer une couleur sur chatbox

Voir le sujet précédent Voir le sujet suivant Aller en bas

Résolu Changer une couleur sur chatbox

Message par domainedeletrange le Ven 10 Avr 2015 - 12:45

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.


Dernière édition par domainedeletrange le Ven 10 Avr 2015 - 13:41, édité 1 fois

domainedeletrange
**

Féminin
Messages : 67
Inscrit(e) le : 17/02/2013

http://domainedeletrange.forumactif.org/
domainedeletrange a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Changer une couleur sur chatbox

Message par MlleAlys le Ven 10 Avr 2015 - 13:10

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 ?

MlleAlys
+ Hyperactif +

Messages : 4340
Inscrit(e) le : 12/09/2012

MlleAlys a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Changer une couleur sur chatbox

Message par domainedeletrange le Ven 10 Avr 2015 - 13:14

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;
}

domainedeletrange
**

Féminin
Messages : 67
Inscrit(e) le : 17/02/2013

http://domainedeletrange.forumactif.org/
domainedeletrange a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Changer une couleur sur chatbox

Message par MlleAlys le Ven 10 Avr 2015 - 13:15

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;
}

MlleAlys
+ Hyperactif +

Messages : 4340
Inscrit(e) le : 12/09/2012

MlleAlys a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Changer une couleur sur chatbox

Message par domainedeletrange le Ven 10 Avr 2015 - 13:22

Rha merci beaucoup pour votre aide Very Happy, 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.

domainedeletrange
**

Féminin
Messages : 67
Inscrit(e) le : 17/02/2013

http://domainedeletrange.forumactif.org/
domainedeletrange a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Changer une couleur sur chatbox

Message par MlleAlys le Ven 10 Avr 2015 - 13:32

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 ! Razz ).
Remplacez ce code par le suivant :
Code:
/* Ligne de séparation */
 
#chatbox > p {
  border-bottom: none !important;
}

MlleAlys
+ Hyperactif +

Messages : 4340
Inscrit(e) le : 12/09/2012

MlleAlys a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Changer une couleur sur chatbox

Message par domainedeletrange le Ven 10 Avr 2015 - 13:41

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

domainedeletrange
**

Féminin
Messages : 67
Inscrit(e) le : 17/02/2013

http://domainedeletrange.forumactif.org/
domainedeletrange a été remercié(e) par l'auteur de ce sujet.

Voir le sujet précédent Voir le sujet suivant Revenir en haut


Permission de ce forum:
Vous ne pouvez pas répondre aux sujets dans ce forum