Feuille de personnage - modifier les propriétés des zones de texte

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

Résolu Feuille de personnage - modifier les propriétés des zones de texte

Message par Etilya le Ven 2 Déc 2016 - 16:27

Détails techniques


Version du forum : phpBB2
Poste occupé : Fondateur
Navigateur(s) concerné(s) : Mozilla Firefox, Google Chrome
Capture d'écran du problème :
Voir l'image:

Personnes concernées par le problème : Tous les utilisateurs
Problème apparu depuis : Depuis la mise en place de la feuille de personnage (fin novembre 2016)
Lien du forum : http://dark-knights-rpg.forumpro.fr/

Description du problème

Bonjour à tous,

Sur mon forum, j'ai récemment mis en place la feuille de personnage, en hover sous l'avatar. J'ai notamment un champ de type texte/liste ; mais le texte dans ce champ est de la couleur du texte du forum ; comme le fond du champ est blanc, on ne voit presque pas le texte (cf image jointe).

Je voulais donc savoir s'il y a moyen, avec du CSS par exemple, de modifier l'aspect des zones de texte dans la feuille de personnage, ainsi que le texte à l'intérieur.

J'avais tenté avec le code suivant :

Code:
quotecontent textearea {
width: 100%;
color: black;
}

Mais ça ne fonctionne pas. Ou alors j'ai fait une mauvaise manip', ce qui est tout à fait possible xD

Au cas où, je vous donne le template pour la partie profil :

Code:
<td class="{postrow.displayed.ROW_CLASS}"{postrow.displayed.THANK_BGCOLOR} valign="top" width="170">
           
                      <span class="rang_mess"><a name="{postrow.displayed.U_POST_ID}"></a>{postrow.displayed.RANK_IMAGE}</span>
                     
                      <span class="avatar_mess"><span class="profil_mess"><!-- BEGIN profile_field -->
                {postrow.displayed.profile_field.LABEL} {postrow.displayed.profile_field.CONTENT}{postrow.displayed.profile_field.SEPARATOR}
                <!-- END profile_field -->
                        {postrow.displayed.POSTER_RPG}</span>
                        {postrow.displayed.POSTER_AVATAR}</span>
                     
                      <div class="pseudo_mess">{postrow.displayed.POSTER_NAME}</div>
                        <span class="rang_mess">{postrow.displayed.POSTER_RANK}</span>
                               
                   
          </td>

et le css :

Code:
.avatar_mess
    {
      display: block;
      width: 200px;
      height: 400px;
      overflow: hidden;
      background: #25262b;
      border: 2px solid #595764;
      box-shadow: 0px 0px 6px #000000;
      -moz-box-shadow: 0px 0px 6px #000000;
      -o-box-shadow: 0px 0px 6px #000000;
      -htm-box-shadow: 0px 0px 6px #000000;
      -webkit-box-shadow: 0px 0px 6px #000000;
}

.profil_mess
    {
      position: absolute;
      display: block;
      width: 190px;
      height: 390px;
      margin: auto;
      padding: 5px;
      overflow: auto;
      background: #383743;
      color: #c0b7ca;
      font-size: 11px;
      opacity: 0;
      -moz-opacity: 0;
      -khtml-opacity: 0;
      filter: alpha(opacity=0);
  transition: 1s;
    -moz-transition: 1s;
    -o-transition: 1s;
    -htm-transition: 1s;
    -webkit-transition: 1s;
    }

.profil_mess:hover
    {
      opacity: 1;
      -moz-opacity: 1;
      -khtml-opacity: 1;
      filter: alpha(opacity=100);
    transition: 1s;
    -moz-transition: 1s;
    -o-transition: 1s;
    -htm-transition: 1s;
    -webkit-transition: 1s;
    }
.pseudo_mess
    {
      display: block;
      position: relative;
      z-index: 2;
      width: 190px;
  margin: auto;
      margin-top: -15px;
  font: 16px 'Oswald', sans-serif;
      text-align: center;
      background: #26252b;
      border: 2px solid #595764;
      box-shadow: 0px 0px 3px #000000;
      -moz-box-shadow: 0px 0px 3px #000000;
      -o-box-shadow: 0px 0px 3px #000000;
      -htm-box-shadow: 0px 0px 3px #000000;
      -webkit-box-shadow: 0px 0px 3px #000000;
    }

.rang_mess{
  display: block;
  margin-top: -5px;
  text-align: center;
  font: 10px 'Georgia', sans-serif;
  color: #c0b7ca;
  padding-bottom: 5px;
  margin: auto;
}

Merci d'avance pour votre attention et votre aide ^w^
avatar

Etilya
Nouveau membre

Féminin
Messages : 5
Inscrit(e) le : 29/11/2016

http://dark-knights-rpg.forumpro.fr/
Etilya a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Feuille de personnage - modifier les propriétés des zones de texte

Message par Ozsi-sun le Ven 2 Déc 2016 - 19:17

Bonjour Smile

J'ai trouver une petite solution à ton problème, tu dois la rajouter dans ton CSS, rajoute ce code

Code:
textarea {
    color: black;
}

Normalement ton texte à l'intérieure devrais être noir, et ceux dans les deux balises Smile

Je reste à ta disposition sur tu as d'autres question.

Bonne soirée
avatar

Ozsi-sun
*

Masculin
Messages : 31
Inscrit(e) le : 06/11/2016

http://www.ac-project.fr/
Ozsi-sun a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Feuille de personnage - modifier les propriétés des zones de texte

Message par Etilya le Ven 2 Déc 2016 - 19:51

Bonsoir !

Effectivement ça fonctionne =)
Si j'avais su que c'était aussi simple, je n'aurais dérangé personne pour si peu xD

Merci beaucoup ♥
avatar

Etilya
Nouveau membre

Féminin
Messages : 5
Inscrit(e) le : 29/11/2016

http://dark-knights-rpg.forumpro.fr/
Etilya a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Feuille de personnage - modifier les propriétés des zones de texte

Message par Ozsi-sun le Ven 2 Déc 2016 - 19:53

Y'a aucun mal Smile Tu peux donc mettre le sujet en Résolu

avatar

Ozsi-sun
*

Masculin
Messages : 31
Inscrit(e) le : 06/11/2016

http://www.ac-project.fr/
Ozsi-sun a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Feuille de personnage - modifier les propriétés des zones de texte

Message par Chacha le Sam 3 Déc 2016 - 10:06

Bienvenue sur le forum de support de Forumactif

Puisque vous êtes nouveau, voici quelques sujets susceptibles de vous intéresser :
N'hésitez pas à ouvrir un nouveau sujet si vous ne trouvez pas votre réponse.


Etilya a écrit:Bonsoir !

Effectivement ça fonctionne =)
Si j'avais su que c'était aussi simple, je n'aurais dérangé personne pour si peu xD

Merci beaucoup ♥
Bonjour,

Afin de faciliter la gestion des problèmes, si le vôtre est résolu, pensez à :
  • éditer votre premier message,
  • cocher l'icône résolu et enregistrer
Vous pouvez également remercier les personnes qui vous ont aidé, en cliquant sur le bouton
avatar

Chacha
Modéractif
Modéractif

Masculin
Messages : 54793
Inscrit(e) le : 21/08/2010

http://forum.forumactif.com/
Chacha 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