mettre les pseudos en blanc dans les messages

2 participants

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

Résolu mettre les pseudos en blanc dans les messages

Message par bermudes. Mer 16 Aoû 2017 - 15:22

Bonjour,
je suis fondatrice d'un forum et je m'occupe actuellement du codage.
j'avais trouvé un code, que je ne retrouve plus, et que je cherche depuis près d'une semaine maintenant.

il concerne le profil dans les messages. (je n'ai pas encore modifié le templates, mais ça ne saurait trop tarder, il ne me manque que ce code).
j'aimerais pouvoir mettre une couleur blanche à tous les pseudos dans les messages, que tous les pseudos le soient, même s'ils sont dans des groupes différents. La couleur du groupe serait donné par le rang (fait par photoshop avec les bonnes couleurs).
en dehors des messages, les pseudos garderaient la couleur du groupe dans lequel ils sont, évidemment.
j'ai déjà utilisé ce code une fois, je n'arrive juste plus à remettre la main dessus. je me souviens uniquement que ça se jouait dans le CSS. (je crois)

je suis sous phpbb2.

merci d'avance pour vos réponses. Smile
bermudes.

bermudes.
Nouveau membre

Messages : 9
Inscrit(e) le : 16/08/2017

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

Résolu Re: mettre les pseudos en blanc dans les messages

Message par MlleAlys Mer 16 Aoû 2017 - 17:04

Bonjour,
Si le profil n'a pas été modifié, ce code css devrait fonctionner :
Code:
.post .name strong {
  color: white;
}
MlleAlys

MlleAlys
Membre actif

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

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

Résolu Re: mettre les pseudos en blanc dans les messages

Message par bermudes. Mer 16 Aoû 2017 - 17:40

oh génial merci **

par contre, si je modifie le templates, est-ce qu'il me suffira de changer la class "name" du css par le nom que j'aurais donné à la class en question dans le templates ?
parce que l'idée est de modifier le profil et donc le templates et css, je voulais juste trouver le code avant de le faire. Very Happy
bermudes.

bermudes.
Nouveau membre

Messages : 9
Inscrit(e) le : 16/08/2017

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

Résolu Re: mettre les pseudos en blanc dans les messages

Message par MlleAlys Mer 16 Aoû 2017 - 18:04

En fonction de ce que vous modifiez dans le template, il faudra effectivement peut être modifier le code css.

Dans le template, on a ce passage :
Code:
<span class="name">
  <a name="{postrow.displayed.U_POST_ID}" style="position: relative; top: -30px; width: 1px;" id="{postrow.displayed.U_POST_ID}"></a>
  <strong>
    {postrow.displayed.POSTER_NAME}
  </strong>
</span>
Ce qui devient à l'affichage :
Code:
<span class="name">
  <a name="IDPOST" style="position: relative; top: -30px; width: 1px;" id="IDPOST"></a>
  <strong>
    <a href="LIENPROFIL">
      <span style="color:COULEURGROUPE">
        <strong>PSEUDO</strong>
      </span>
    </a>
  </strong>
</span>

Le code css proposé met en blanc "le contenu des balises strong qui sont dans une balise de class name elle-même dans une balise de class post" (la class post est appliqué à l'ensemble de la ligne profil + réponse).

MlleAlys

MlleAlys
Membre actif

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

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

Résolu Re: mettre les pseudos en blanc dans les messages

Message par bermudes. Mer 16 Aoû 2017 - 19:26

merci de vos réponses rapides **

mais je viens de regarder, mon code ressemblera à quelque chose comme ça autour du pseudo dans la templates (j'ai la petite impression que c'est le fouillis, et du coup, le strong n'est plus du tout présent) :
Code:
<!-- BEGIN displayed -->
   <tr class="post post--{postrow.displayed.U_POST_ID}" id="p{postrow.displayed.U_POST_ID}" style="{postrow.displayed.DISPLAYABLE_STATE}">
       <td class="{postrow.displayed.ROW_CLASS}"{postrow.displayed.THANK_BGCOLOR} valign="top" width="150">
                  <center><div class="profilrang">{postrow.displayed.POSTER_RANK}</div></center>
                  <div class="mp1">{postrow.displayed.POSTER_AVATAR}
                    <div id="mpswans"><div class="mpmoreswans"> <div class="rangimg">{postrow.displayed.RANK_IMAGE}</div>
                      <div class="mp3"><!-- BEGIN profile_field -->
                      <span class="postdetails poster-profile">
{postrow.displayed.profile_field.LABEL} {postrow.displayed.profile_field.CONTENT}{postrow.displayed.profile_field.SEPARATOR}</span>
            <!-- END profile_field --> 
                 
                      </div>
                      <div><div></div></div></div></div></div><center><br/><div class="imgprofilliens">{postrow.displayed.PROFILE_IMG} {postrow.displayed.PM_IMG} {postrow.displayed.ONLINE_IMG}<br />{postrow.displayed.contact_field.CONTENT}</div></center><br/>
                  <center> <span class="boullboul">{postrow.displayed.POSTER_NAME}</span></center>
et un css qui ressemblerait plus ou moins à ça :
Code:
.boullboul span{
  font-size:30px;
  font-family: 'Rouge Script', cursive;
  font-weight: lighter!important;
  text-transform: lowercase;
  padding-top:5px;
  padding-bottom:5px;}

il faudra donc que j'ajoute une balise dans le css ? je n'ai pas non plus regardé si le "post" y était encore, mais y'a pas de raison je pense. Smile
bermudes.

bermudes.
Nouveau membre

Messages : 9
Inscrit(e) le : 16/08/2017

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

Résolu Re: mettre les pseudos en blanc dans les messages

Message par MlleAlys Mer 16 Aoû 2017 - 19:40

la class post est là :
Code:
<tr class="post post--{postrow.displayed.U_POST_ID}" id="p{postrow.displayed.U_POST_ID}" style="{postrow.displayed.DISPLAYABLE_STATE}">
C'est a ligne du tableau qui contient profil + message.


Voilà votre code corrigé :
Code:
  <!-- BEGIN displayed -->
  <tr class="post post--{postrow.displayed.U_POST_ID}" id="p{postrow.displayed.U_POST_ID}" style="{postrow.displayed.DISPLAYABLE_STATE}">
    <td class="{postrow.displayed.ROW_CLASS}"{postrow.displayed.THANK_BGCOLOR} valign="top" width="150">
    <a name="IDPOST" style="position: relative; top: -30px; width: 1px;" id="IDPOST"></a>
      <div class="profilrang">{postrow.displayed.POSTER_RANK}</div>
      <div class="mp1">
        {postrow.displayed.POSTER_AVATAR}
        <div class="mpswans">
          <div class="mpmoreswans">
            <div class="rangimg">{postrow.displayed.RANK_IMAGE}</div>
            <div class="mp3">
              <!-- BEGIN profile_field -->
              <span class="postdetails poster-profile">
                {postrow.displayed.profile_field.LABEL} {postrow.displayed.profile_field.CONTENT}{postrow.displayed.profile_field.SEPARATOR}
              </span>
              <!-- END profile_field -->
            </div>
          </div>
        </div>
      </div>
      <div class="imgprofilliens">
        {postrow.displayed.PROFILE_IMG} {postrow.displayed.PM_IMG} {postrow.displayed.ONLINE_IMG}
        <br />{postrow.displayed.contact_field.CONTENT}
      </div>
      <div class="boullboul">{postrow.displayed.POSTER_NAME}</div>

Et le code css sera :
Code:
.boullboul strong {
  color: white;
}
MlleAlys

MlleAlys
Membre actif

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

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

Résolu Re: mettre les pseudos en blanc dans les messages

Message par bermudes. Mer 16 Aoû 2017 - 19:58

merci **
pour le pseudo ça marche parfaitement.
le problème, c'est qu'il y avait un hover sur l'avatar qui du coup ne fonctionne plus. scratch

sans le code, ça donne ça :
Spoiler:

et avec :
Spoiler:

dans mon idée, le rang fait office de couleur de groupe, donc le pseudo doit se trouver sur le rang (avec des margin et tout je fais ça en général), et le rang est directement écrit (de photoshop) sur le rectangle de couleur du groupe.
au dessus, il y a l'avatar, avec en hover, le profil. je sais pas si c'est vraiment clair, mais j'espère Confused

est-ce que c'est mieux donc que je fasse tout le reste, toute la mise en place du templates et que je revienne ensuite ici pour le problème du pseudo ?
bermudes.

bermudes.
Nouveau membre

Messages : 9
Inscrit(e) le : 16/08/2017

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

Résolu Re: mettre les pseudos en blanc dans les messages

Message par MlleAlys Mer 16 Aoû 2017 - 20:22

Sûrement parce que j'ai corrigé un id en class, si dans votre css vous avez #mpswans, corrigez en .mpswans
Attention aux marges, qui ne servent pas au positionnement des éléments, en particulier éviter les marges négatives. Préférez les positionnements relatifs et absolus.
MlleAlys

MlleAlys
Membre actif

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

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

Résolu Re: mettre les pseudos en blanc dans les messages

Message par bermudes. Mer 16 Aoû 2017 - 21:01

génial !!!!
tout fonctionne parfaitement merci **

peut-être que je posterais un autre message pour les positionnements parce que je sais que le faire avec margin et padding. (ou j'irais chercher, y'a forcément des sujets là dessus.)

en tout cas, merci beaucoup pour votre aide.
le sujet est résolu Very Happy Very Happy
bermudes.

bermudes.
Nouveau membre

Messages : 9
Inscrit(e) le : 16/08/2017

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

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

- Sujets similaires

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