Apparence sous avatar message

[Invité]

Bonjour !
Voila j'aimerais modifier l'apparence sous mon avatar et qu'elle ressemble à peu pres à ça :

Spoiler:

Donc ! Je sais qu'il faut modifier le template viewtopic_body mais je ne sais pas exactement ou parce que j'ai vraiment du mal à mis retrouver là dedans...Alors si l'on pourrait m'indiquer les classes à changer ou ajouter pour pouvoir avoir le tout dans mon encadré, le nom des groupes et du perso parce que je m'y connais tout de même en CSS maintenant mais les templates, c'est toujours pas mon fort..
( je sais aussi que les critere on les affiches via le PA tout de même x) )
Merci d'avance !
Cordialement, Natsuo.

[SoraNoHime]

Bonsoir

Avez-vous déjà modifié votre template viewtopic_body ? si oui me le fournir. Vos rangs correspondent-ils à vos groupes ?

Cordialement.

[Invité]

Han Macema merci, votre aide est toujours très précieuse !
Le template n'est pas du tout modifié ne sachant pas quoi faire et mes groupes sont bien mes rangs, desolé je m'etais trompé de terme mais c'est bien ça.
Ce qui fait que les groupes/rangs seront affiché à la couleur qui leur est approprié.

[SoraNoHime]

Repérez ceci :

Code:

<td class="{postrow.displayed.ROW_CLASS}"{postrow.displayed.THANK_BGCOLOR} valign="top" width="150">
         <span class="name"><a name="{postrow.displayed.U_POST_ID}"></a><strong>{postrow.displayed.POSTER_NAME}</strong></span><br />
            <span class="postdetails poster-profile">
            {postrow.displayed.POSTER_RANK}<br />
            {postrow.displayed.RANK_IMAGE}{postrow.displayed.POSTER_AVATAR}<br /><br />
            <!-- 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><br />
         <img src="http://2img.net/i/fa/empty.gif" alt="" style="width:150px;height:1px" />
      </td>

et changez le ainsi :

Code:

<td class="{postrow.displayed.ROW_CLASS}"{postrow.displayed.THANK_BGCOLOR} valign="top" width="150">
         <center><span class="name"><a name="{postrow.displayed.U_POST_ID}"></a><strong>{postrow.displayed.POSTER_NAME}</strong></span>
<div class="avatar">{postrow.displayed.POSTER_AVATAR}</div>
            <span class="postdetails poster-profile">
            {postrow.displayed.POSTER_RANK}<br/>
            {postrow.displayed.RANK_IMAGE}</center><br/>
            <!-- 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><br />
         <img src="http://2img.net/i/fa/empty.gif" alt="" style="width:150px;height:1px" />
      </td>

et dans la css

.avatar img {
border : 1px solid #000000;
margin-left :10px;
margin-right : 10px;
}

à personnaliser

[Invité]

J'ai fait quelques teste, mais quand je modifie le css que vous m'avez ecrit, ça modifie la taille de mon avatar, est ce normal?
Pouvez vous aussi me dire quel sont les noms de classe qui me permettent de modifier l'apparence du nom et du groupe quand on post?
Merci,
Cordialement, Natsuo.

[SoraNoHime]

Oui la modification de la taille de l'avatar est normal si vous voulez avoir un cadre avec des marges cependant, vous pouvez parfaitement régler cela et élargir un peu la colonne profil dans les messages en ajoutant un width : 150px; avant le } de .avatar img. A régler bien sur à votre choix.

Pour personnaliser le nom utiliser .name pour le rang il n'y a pas de class particulière ou dans ce cas elle prendrait aussi les informations du profil.

repérez :

Code:

{postrow.displayed.POSTER_RANK}

et mettez autour

Code:

<div class="rang">

et

Code:

</div>

, puis dans la feuille de style css, personnaliser en mettant .rang

Cordialement.

[Invité]

Je n'ai pas forcement trouvé le resultat que je souhaitais mais j'ai reussi à faire quelques choses de convenable, alors..probleme résolu, je vous en remercie !