couleur de la police les blocs de réponse

[Kallindra]

Détails techniques

Version du forum : phpBB2
Poste occupé : Fondateur
Navigateur(s) concerné(s) : Mozilla Firefox
Personnes concernées par le problème : Tous les utilisateurs
Problème apparu depuis : 27/06/2024
Lien du forum : https://libr-fantasymania.lebonforum.com/

Description du problème

Bonsoir

Ma question est simple :
Je souhaite modifier la couleur de police par défaut dans les blocs "répondre" et "Réponse rapide". Par défaut la couleur est noire. J'ai mis une autre couleur de police sur le reste du forum et ça fonctionne bien comme on peut le voir sur l'index où j'ai du vert et du blanc et dans les posts où c'est bien vert.
Toutefois je souhaite pouvoir changer aussi dans lorsqu'on est en train décrire notre réponse et je ne trouve pas.
Je vous colle le CSS au cas où la réponse serait dedans mais je vous avoue ne pas l'avoir trouvé (le CSS est un CSS que l'ancienne fonda a mis en place, je ne change que les couleurs dedans en général.)

Merci par avance pour aide,
Bonne soirée.

Code:

body {
  background-image : url(https://i.servimg.com/u/f58/13/11/07/27/libr_h10.jpg);
  background-position : top center;
  background-repeat : no-repeat;
  background-attachment : scroll;
  background-size: 100% auto;
}

.bodyline {
  padding : 40px 5px;
}

/* position de l'index par rapport à la barre de nav' */
    .bodylinewidth{margin-top:180px;}
/* fin position de l'index par rapport à la barre de nav' */

/* DESCRIPTION DES CATEGORIE */

.forumline
{
  background-color: #1c3333;
  width: 100%;
  margin-left: auto;
  margin-right: auto;
  margin-top: 1px;
  margin-bottom: 5px;
  border-image: url(https://2img.net/r/hpimg4/pics/385403borderpageaccueil.png);
  border: 10px;
  box-shadow: 0px 0px 2px white;
  -moz-box-shadow: 0px 0px 1px white;
  -o-box-shadow: 0px 0px 1px white;
  -htm-box-shadow: 0px 0px 1px white;
  -webkit-box-shadow: 0px 0px 1px white;
  -moz-border-radius:8px;
  -webkit-border-radius:8px;
  -border-radius: 8px;
  -khtml-border-radius: 8px;
}

        input[type="text"], input[type="password"] {
            color: black !important;
        }

/*TITRES CATEGORIES*/

.secondarytitle
{
  font-family: Arial New Roman;
  color: white;
  font-size: 50px;
  background-color: #6DA38F;
  }

/*CATEGORIES*/

a.forumlink:link, a.forumlink:visited
{ letter-spacing : 2px;
color: white;
font-size: 15px;
font-family: Seven Swordmen BB;
display: block;
margin-left:0px;
padding-top:0px;
padding-left:10px;
padding-bottom:0px;
margin-top:2px;
border-right:none;
border-left:none;
margin-bottom:-10px;
background-color: #426061;
border: 1px solid white;
text-align: left;
-moz-border-radius: 0px;
-webkit-border-radius: 0px;
border-radius: 0px;
}

    .quote {
        background-color: #000000;
        color: white;}

.cadrefo {margin-top: 5px;}

.cadreentier {border-top: none;
margin-bottom: 1px;}

.cadredescri {width: 500px;
font-size: 10px;
border-bottom: 5px solid #FCE3AB;
border-radius: 15px;}

.ecriture {overflow: auto;
margin-bottom: -15px;
margin-top: 5px; }

.infosstat {width: 145px;
margin-top:-12px;
float: right;}

.lastpost {padding: 15px;
font-size: 10px;
width: 145px;
height: 41px;
margin-left: 10px;
text-align: center;
border-bottom: 5px solid #FCE3AB;
border-radius: 15px;}
  
/* CODE POUR OPACITER */

.pastaff
{filter:alpha(opacity=50);
  -moz-opacity:0.5;
  opacity: 0.5;
  padding:4px;
  background-color:#97ACDE;
  margin:3px;
  -moz-border-radius:10px;
  border:2px solid #FFFFFF;}

.pastaff:hover

{filter:alpha(opacity=100);
  -moz-opacity:6;
  opacity: 1;}

/*supprimer des bordures intrusives*/
        .catHead {border: none !important;}
        .catBottom  {border: none !important;}
        .thLeft  {border: none !important;}
        .thRight {border: none !important;}
        .row3Right {border: none !important;}
         th, td, p {border-width:0 0 0 0px !important;}

a.infobulle em {display:none;}

a.infobulle:hover { border: 0;position: relative;z-index: 999;text-decoration:none;}

a.infobulle:hover em { font-style: normal;display: block;position: absolute;top: 20px;left: -10px;padding: 5px;color: #000;border: 1px solid #bbb;background: #ffc;width:170px;}

/*PA*/
#fond {
         background-color: #1c3333;
         width : 970px;
         border-color : black;
         -moz-box-shadow:  0 0 1px 0 black;
         -webkit-box-shadow:  0 0 1px 0 black;
         box-shadow:  0 0 3px 0 black;
         border-top: 1px solid black;
         border-bottom: 1px solid black;
         border-left: 1px solid black;
         border-right: 1px solid black;
         margin : auto;
         padding : 5px;
      }
      
      #fond > h1 {
         margin : 0 auto 5px;
         background-image : url (https://2img.net/r/hpimg4/pics/237150bandenews.png);
         }
  
      
      #fond .colonnes1, .colonnes2 {
         display : inline-block;
         vertical-align : top;
      }
      
      #fond #lecturecommune {
         width : 308px;
         height : 210px;
         text-align : center;
         border: 2px solid white;
         color : black;
         padding : 5px;
         background-color: #6DA38F;
         overflow : auto;
      }
      
      #fond h2 {
         margin : 0 auto 2px;
         color : white;
         text-shadow: 2px 2px 2px black;
         font-family: ParkAvenue BT;
         font-size : 24px;
         text-align : center;
         letter-spacing : 3px;
      }
      
      #fond .cases {
         width : 400px;
         height : 216px;
         text-align : justify;
         font-family: ParkAvenue BT;
         font-size: 14px;
         color : white;
         border: 2px solid white;
         padding : 5px;
         background-color: #6DA38F;
         overflow : auto;
      }
      
      #fond .cases + .cases {
         margin-top : 3px;
      }
      
      #fond #liens_utiles {
         width : 150px;
         height : 210px;
         border: 2px solid white;
         font-size: 14px;
         font-weight: bold;
         text-align : justify;
         color : white;
         background-color: #6DA38F;
         padding : 5px;
         overflow : auto;
      }
      
      #fond #liens_utiles ul {
         margin : 0;
         list-style : none;
      }
      
      #fond #liens_utiles li:before {
         content : " * ";
      }
      
      #fond #staff {
         width : 447px;
         height : 175px;
         font-family: philosopher;
         text-align : center;
         color : white;
         border: 2px solid white;
         padding : 5px;
         background-color: #6DA38F;
         overflow : auto;
         margin-top : 3px;
      }
      
      #staff .contour_image {
         display : inline-block;
         position: relative;
         width: 90px;
         height: 90px;
         background: #6DA38F;
         overflow: hidden;
         border : 2px solid white;
      }
        
      #staff .image_staff {
         position: absolute;
         left: 0;
         top: 0;
         right: 0;
         bottom: 0;
         -webkit-transition: all 2s ease;
         -moz-transition: all 2s ease;
         -o-transition: all 2s ease;
         transition: all 2s ease;
      }
        
      #staff .contour_image:hover .image_staff {
         top: 170px;
         bottom: -170px;
         -webkit-transition: all 2s ease;
         -moz-transition: all 2s ease;
         -o-transition: all 2s ease;
         transition: all 2s ease;
      }
      
      #staff a {
         font-size : 11px;
      }
      
      #fond #newsetannonces {
         width : 421px;
         height : 175px;
         text-align : left;
         color : black;
         font-size: 14px;
         font-weight: bold;
         border: 2px solid white;
         padding : 5px;
         background-color: #6DA38F;
         overflow : auto;
         margin-top : 3px;
      }
      
      #fond a {
         color : black;
         -moz-transition : 1s;
         -webkit-transition : 1s;
         -ms-transition : 1s;
         -o-transition : 1s;
         transition : 1s;
         text-decoration : none;
      }
      
      #fond a:hover {
         color : black;
         text-shadow: 1px 2px 3px white;
         text-decoration : none;
      }


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

        div#fa_toolbar {
            background-color: #6DA38F;  /* Couleur de fond */
            border-radius: 0 0 80px 80px;  /* Arrondis les bords de la toolbar */
            border: 1px solid black;  /* Affiche un bord */
            margin: auto;  /* Centre la toolbar */
            width: 98%;  /* Modifie la longueur de la toolbar */
        }
        
        div#fa_toolbar div, div#fa_toolbar span {
            margin: 0 15px;  /* Repositionne correctement le contenu de la toolbar */
        }

        ul#fa_menulist {
            background-color: #A2B4A1;
            font-color: black;
            font-family: Sim Sun;
            border: 3px solid white;
        }

        ul#notif_list {
            background-color: #A2B4A1;
            font-color: black;
            font-family: Sim Sun;
            border: 3px solid white;
        }

#fondfichelecture {  
  width: 600px;  
  height: auto;  
  background-color: #E1FFFD;
  border: solid 2px white;
  box-shadow: 0px 0px 2px white;
  -moz-box-shadow: 0px 0px 1px white;
  -o-box-shadow: 0px 0px 1px white;
  -htm-box-shadow: 0px 0px 1px white;
  -webkit-box-shadow: 0px 0px 1px white;;
}

#fondfichelecture #titrelivre {    
  font-family: Arial;  
  font-size: 30px;
  text-position: center;  
  font-color: white;
  text-shadow : 1px 2px 3px white
  margin-top: -80px
}              

div.contenant {            
  width:249px;  /*largeur du contenant, la meme que celle de l image*/            
  height:400px; /*hauteur du contenant, la meme que celle de l image*/            
  border: solid 2px white;            
  overflow: hidden;
}          

div.contenu {            
  width: 249px;  /*largeur du contenu, la meme que celle de l image*/            
  height: 400px; /*hauteur du contenu, la meme que celle de l image*/            
  margin: -36px;            
  overflow: auto;  /*pour apparition d une scroll bar si le texte est trop long*/
  font-color: white;
  font-family: Arial;
  font-size: 20px;
  font-weight: normal;
}        

.contenant img {            
  width:249px; /*largeur de l image*/            
  height:400px;  /*hauteur de l image*/            
  position: relative;              
  bottom: 400px; /*ici mettre la hauteur de l image*/            
  transition: 0.5s;  /*pour l effet de transition*/        
}        

.contenant:hover img {  /*au survol de la souris sur le bloc*/            
  bottom: 800px; /*ici mettre deux fois la hauteur de l image*/            
  transition: 0.5s;  /*pour l effet de transition*/         }


#i_logo{width:auto;}

    .quote {
        font-style: bold;
        color: #000000;}


/*********************************************************************** ASCENSEUR ***********************************************************************/

.boutonhautbas {
    bottom: 40px;
    right: 10px; /* remplacez right par left pour afficher les boutons à gauche */
    position: fixed;
    z-index: 100;
}

#wrap{margin-top:850px;}
/***************fin haut bas***********/

/*Supprimer le fond des pubs*/

    div#fa_ticker_block .forumline, div#fa_ticker_block .forumline .row1 {
      background: none;
      border: none;
    }


[Toryudo]

Bonjour !

Vous pouvez suivre ce tuto pour changer la couleur de l'éditeur (blocs "répondre" et "Réponse rapide") : https://forum.forumactif.com/t352754-modifier-l-apparence-de-l-editeur

Dans le point 1, il explique comment choisir la couleur de la réponse rapide (et ça fonctionnera aussi avec la réponse normale).

[Kallindra]

Au top je teste dès que j'ai 2 min

Merci @toryudo ^^

[Kallindra]

Hello

J'ai testé j'ai pas l'impression que ça marche.
Je comprends pas bien quel code je dois utiliser dans tout ce tuto. Je cherche juste à changer la couleur de police, le reste ne bouge pas.

[Toryudo]

Bonjour !

Mince, pardon, j'ai dit point 1 alors que c'est plutôt le point 3...
En même temps, je suis pris d'un doute.

Par exemple, si vous rajoutez ce code, alors la couleur de la police deviendra #6d8f73 dans l'éditeur (verte comme chez vous) :

Code:

.sceditor-container iframe, .sceditor-container textarea {
  color: #6d8f73 !important;
}

Par contre, techniquement, c'est toujours du noir, c'est juste qu'on l'affiche en vert dans l'éditeur. Qu'est-ce que ça veut dire ? Qu'en mode wysiwyg, vous verrez quand même le texte en noir, ce n'est qu'au moment de l'aperçu que vous verrez le noir être remplacé par le #6d8f73. Ça vous convient tout de même ?

[Kallindra]

Je n'utilise pas le wysiwyg donc pas de soucis ^^

C'est parfait ! Merci beaucoup @toryudo ! Ca fonctionne.
Merci merci !