Pseudo centré en-dessous du rang

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

Résolu Pseudo centré en-dessous du rang

Message par North-AC le Dim 10 Mai 2015 - 11:03

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 !


Dernière édition par North-AC le Dim 10 Mai 2015 - 17:35, édité 1 fois

North-AC
Nouveau membre

Féminin
Messages : 4
Inscrit(e) le : 10/05/2015

http://north.forumactif.org/
North-AC a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Pseudo centré en-dessous du rang

Message par Audrey75 le Dim 10 Mai 2015 - 11:24

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 Wink
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

Audrey75
Nouveau membre

Messages : 4
Inscrit(e) le : 09/05/2015

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

Résolu Re: Pseudo centré en-dessous du rang

Message par North-AC le Dim 10 Mai 2015 - 11:51

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

North-AC
Nouveau membre

Féminin
Messages : 4
Inscrit(e) le : 10/05/2015

http://north.forumactif.org/
North-AC a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Pseudo centré en-dessous du rang

Message par Audrey75 le Dim 10 Mai 2015 - 12:11

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

Audrey75
Nouveau membre

Messages : 4
Inscrit(e) le : 09/05/2015

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

Résolu Re: Pseudo centré en-dessous du rang

Message par MlleAlys le Dim 10 Mai 2015 - 13:13

Bonjour,
Dans le template de base viewtopic_body en phpbb3 (puisque apparemment c'est la version de votre forum, et non pas phpbb2 Wink ), 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;
}

MlleAlys
+ Hyperactif +

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

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

Résolu Re: Pseudo centré en-dessous du rang

Message par North-AC le Dim 10 Mai 2015 - 17:34

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

North-AC
Nouveau membre

Féminin
Messages : 4
Inscrit(e) le : 10/05/2015

http://north.forumactif.org/
North-AC 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