Améliorer l'apparence du profil

[Shotam]

Bonjour/Bonsoir !

Voila pour le moment à quoi ressemble l'affichage des profils sur mon forum :

Spoiler:

Voila ce que je voudrais faire :

• centrer les avatars
  
• mettre les informations comme "caste" "profession(s)" "litang" et il y en a quelques autres dans un menu déroulant : un bouton ouvrir/fermer ou afficher/masquer qui fasse apparaitre les informations dans un cadre similaire à celui où apparait le nom et le rang du posteur.
  
• séparer les infos "messages" "date d'inscription" dans une autre case (càd mettre un trait vert pour séparer du reste).
  
• si possible supprimer le trait vert (lien) sous le nom.

Merci d'avance de votre aide !

[Scipion]

Bonjour

1/ Pour centrer l'Avatar, veuillez éditer le template Général/viewtopic_body comme suit :

Repérez ce code :

Code:

{postrow.displayed.POSTER_AVATAR}

Autour duquel vous placerez la balise "center" :

Code:

<center>{postrow.displayed.POSTER_AVATAR}</center>

2/ Votre deuxième question me paraît complexe.

3/ Pour insérer un trait entre les champs 'Messages" et "Date d'inscription", vous devrez éditer le champ de profil "Messages" :

Dans modifier le champ >>

Séparateur > Barre horizontale
Enregistrez.

4/ Pour retirer le soulignement des pseudos, installez dans votre feuille de style CSS le code suivant :

Code:

a { text-decoration: none; }

Cordialement

[Shotam]

Merci beaucoup pour tout ça !

En fait la question 2 ça serait juste mettre une partie des informations du profil dans un menu qui s'ouvre et se ferme à volonté, vous voyez pas ce que je veux dire xD ?

[Scipion]

Bonsoir

Je comprends très bien ce que vous demandez mais je ne sais pas comment faire pour créer un menu déroulant dans le profil qui s'ouvrirait sur des champs de profil, désolé.

Cordialement

[Shotam]

Ah okay xD ben merci quand même ! Je vais attendre que quelqu'un qui sait me réponde

[Flighter-X]

Bonjour à toi !

Je ne sais pas si la partie que je vais te donner ci dessous est déjà éditée, mais si elle l'est, préviens moi. Tout d'abord, repère ce code dans ton template viewtopic_body :

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>

            <span class="postdetails poster-profile">
            {postrow.displayed.POSTER_RANK}

            {postrow.displayed.RANK_IMAGE}{postrow.displayed.POSTER_AVATAR}


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

        <img src="http://2img.net/i/fa/empty.gif" alt="" style="width:150px;height:1px" />
      </td>

Et remplace par :

Code:

<td class="{postrow.displayed.ROW_CLASS}"{postrow.displayed.THANK_BGCOLOR} valign="top" width="150">
        <div class="profilentour">
        <center><span class="name"><a name="{postrow.displayed.U_POST_ID}"></a><strong>{postrow.displayed.POSTER_NAME}</strong></span></center>

            <span class="postdetails poster-profile">
            {postrow.displayed.POSTER_RANK}

            <center><span class="rankpic">{postrow.displayed.RANK_IMAGE}</span><span class="posterava"><div style="border: 1px dashed grey;">{postrow.displayed.POSTER_AVATAR}</div></span></center></div>

 <div class="profilmasque" onClick="this.firstChild.value=(this.firstChild.value=='Afficher le Profil')?'Masquer le Profil':'Afficher le Profil';this.lastChild.style.display=(this.firstChild.value=='Afficher le Profil')?'none':'block';" style="text-align: center;"><input type="button" value="Afficher le Profil" class="profil1"/><div style="display: none;  text-align:left;">
            <!-- 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}
            </div></div>
        </span>

 
</div>
<div id=""></div>

        <img src="http://2img.net/i/fa/empty.gif" alt="" style="width: 150px; height: 1px;" />
      </td>

Tu publies. Et pour finir, tu ajoutes ça dans ton CSS :

Code:

/* Afficher/masquer le profil */
.profilmasque /*Le bouton du profil*/
{
background-color: #couleur;
border: 1px dashed green; /*Vert, et en pointillé*/
letter-spacing: 1px;
font-size: 12px; /*taille de la police*/
}

.profil1 /*L'ensemble*/
{
width: 200px;
background-color: #couleur;
border: none;
font-size: 12px;
letter-spacing: 1px;
font-weight: bold;
}

Et tu complète comme tu veux.

Si il y a quelque chose que tu n'as pas compris, ou que ton template est déjà édité à l'endroit que je t'ai donné, dis le moi

Amicalement, Flighter-X.

[Shotam]

Merci beaucoup ! c'est ça qu'il me fallait !

Je vais pas le faire de suite mais bientôt ce sera en marche sur mon forum !

Bonne soirée !