Pseudo centré en-dessous du rang

[North-AC]

Détails techniques

Version du forum : phpBB2
Poste occupé : Fondateur
Navigateur(s) concerné(s) : Mozilla Firefox
Capture d'écran du problème :

Voir l'image:

Personnes concernées par le problème : Tous les utilisateurs
Problème apparu depuis : Depuis sa création
Lien du forum : http://north.forumactif.org/

Description du problème

Bonjour, je cherche comment faire pour pouvoir mettre le Pseudo au dessus du rang, ainsi que le centrer. J'ai regardé dans les autres sujets traitant des autres problèmes mais à part déformer mon forum et ne rien changer à mon problème je n'ai pas trouvé... Je souhaite néanmoins que le Pseudo et le rang reste au-dessus de l'Avatar.
Voilà, j'espère que c'est clair... Merci d'avance !

[Audrey75]

Bonjour,

te faut trouver la ligne rank et ligne username dans :
Affichage>Template>Générale>Viewtopic_body

a la ligne 80 environs il y aura marquer :

Code:

<td class="{postrow.displayed.ROW_CLASS}"{postrow.displayed.THANK_BGCOLOR} valign="top" width="150">
                  <div class="profil_mess">
        <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}</span>
                    <span class="avatar_mess">{postrow.displayed.POSTER_AVATAR}</span><br />
                  </div>

te suffira ensuite d'inverser les lignes concernés
code originale :

Code:

</a><strong>{postrow.displayed.POSTER_NAME}</strong></span><br />
            <span class="postdetails poster-profile">
            {postrow.displayed.POSTER_RANK}<br />
                                  {postrow.displayed.RANK_IMAGE}

code modifier:

Code:

</a><strong>{postrow.displayed.POSTER_RANK}</strong></span><br />
            <span class="postdetails poster-profile">
            {postrow.displayed.POSTER_NAME}<br />
                                 

cordialement
si souci je suis dispo en mp

[North-AC]

Merci beaucoup de ta réponse ! Mais cependant j'ai cherché dans le Template, mais je n'ai pas trouvé les lignes en question...

[Audrey75]

tu veux que je te le fasse ? sa ira plus vite tu me retire les droits juste après au pire
si oui envoie mp ici je vois sa quand je rentre vers 16h

[MlleAlys]

Bonjour,
Dans le template de base viewtopic_body en phpbb3 (puisque apparemment c'est la version de votre forum, et non pas phpbb2 ), le passage correspondant au profil est celui là (ligne 217) :

Code:

         <div class="postprofile" id="profile{postrow.displayed.U_POST_ID}">
            <!-- div class="online2"></div-->
            <dl>
               <dt>
                  {postrow.displayed.POSTER_AVATAR}
                  <br /><strong style="font-size:1.2em">{postrow.displayed.POSTER_NAME}</strong>
               </dt>
               <dd>{postrow.displayed.POSTER_RANK_NEW}{postrow.displayed.RANK_IMAGE}</dd>
               <dd><br /></dd>
               <dd>
                  <!-- 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}
               </dd>
               <dd><br /></dd>
               <dd>
                  {postrow.displayed.PROFILE_IMG} {postrow.displayed.PM_IMG} {postrow.displayed.EMAIL_IMG}<!-- BEGIN contact_field --> {postrow.displayed.contact_field.CONTENT}<!-- END contact_field -->
               </dd>
            </dl>
         </div>

description des éléments :

Code:

{postrow.displayed.POSTER_AVATAR}

correspond à l'avatar

Code:

<strong style="font-size:1.2em">{postrow.displayed.POSTER_NAME}</strong>

correspond au pseudo

Code:

{postrow.displayed.POSTER_RANK_NEW}{postrow.displayed.RANK_IMAGE}

correspond au rang

Les <br/> sont des retours à la ligne

Les éléments du profil sont rangés dans une liste descriptive, structurée ainsi :

Code:

<dl>
  <dt> ce qu'il y a entre les dt c'est le terme à définir (titre de la liste)</dt>
  <dd> entre des dd ce sont des éléments de description </dd>
  <dd> entre des dd ce sont des éléments de description </dd>
</dl>

Afficher dans l'ordre pseudo, rang puis avatar reviendrait donc par exemple à modifier le profil ainsi :

Code:

         <div class="postprofile" id="profile{postrow.displayed.U_POST_ID}">
            <!-- div class="online2"></div-->
            <dl>
               <dt>
                  <strong style="font-size:1.2em">{postrow.displayed.POSTER_NAME}</strong>
                  <br/>{postrow.displayed.POSTER_RANK_NEW}{postrow.displayed.RANK_IMAGE}
               </dt>
               <dd>
                  {postrow.displayed.POSTER_AVATAR}
               </dd>
               <dd><br /></dd>
               <dd>
                  <!-- 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}
               </dd>
               <dd><br /></dd>
               <dd>
                  {postrow.displayed.PROFILE_IMG} {postrow.displayed.PM_IMG} {postrow.displayed.EMAIL_IMG}<!-- BEGIN contact_field --> {postrow.displayed.contact_field.CONTENT}<!-- END contact_field -->
               </dd>
            </dl>
         </div>

Puis pour centrer le rang et le pseudo au dessus de l'avatar, il vous suffit d'ajouter dans affichage > couleurs > onglet feuille de style css, le code css suivant :

Code:

.postprofile dt {
  text-align: center;
}

[North-AC]

Bonjour ! En effet il semblerait que je suis en phpbb3, je suis désolée !
Ça a fonctionné parfaitement, merci beaucoup !