Améliorer l'apparence du profil

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

Résolu Améliorer l'apparence du profil

Message par Shotam le Jeu 19 Mai 2011 - 9:09

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 !


Dernière édition par Shotam le Jeu 19 Mai 2011 - 22:17, édité 1 fois

Shotam
Nouveau membre

Masculin
Messages : 29
Inscrit(e) le : 19/04/2011

http://paysdewa.forumsactifs.net/
Shotam a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Améliorer l'apparence du profil

Message par Scipion le Jeu 19 Mai 2011 - 12:17

Bonjour

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

Like a Star @ heaven Repérez ce code :

Code:
{postrow.displayed.POSTER_AVATAR}
Like a Star @ heaven 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 >>

Like a Star @ heaven Séparateur > Barre horizontale
Like a Star @ heaven Enregistrez.

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

Code:
a { text-decoration: none; }
Cordialement

Scipion
+ Hyperactif +

Masculin
Messages : 8655
Inscrit(e) le : 03/02/2010

http://forum.forumactif.com/
Scipion a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Améliorer l'apparence du profil

Message par Shotam le Jeu 19 Mai 2011 - 19:09

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 ?

Shotam
Nouveau membre

Masculin
Messages : 29
Inscrit(e) le : 19/04/2011

http://paysdewa.forumsactifs.net/
Shotam a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Améliorer l'apparence du profil

Message par Scipion le Jeu 19 Mai 2011 - 20:27

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

Scipion
+ Hyperactif +

Masculin
Messages : 8655
Inscrit(e) le : 03/02/2010

http://forum.forumactif.com/
Scipion a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Améliorer l'apparence du profil

Message par Shotam le Jeu 19 Mai 2011 - 21:51

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

Shotam
Nouveau membre

Masculin
Messages : 29
Inscrit(e) le : 19/04/2011

http://paysdewa.forumsactifs.net/
Shotam a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Améliorer l'apparence du profil

Message par Flighter-X le Jeu 19 Mai 2011 - 22:09

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://illiweb.com/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://illiweb.com/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 Wink

Amicalement, Flighter-X.

Flighter-X
***

Masculin
Messages : 123
Inscrit(e) le : 18/02/2010

http://lord-of-the-rings.forums-rpg.com/
Flighter-X a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Améliorer l'apparence du profil

Message par Shotam le Jeu 19 Mai 2011 - 22:17

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

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

Bonne soirée !

Shotam
Nouveau membre

Masculin
Messages : 29
Inscrit(e) le : 19/04/2011

http://paysdewa.forumsactifs.net/
Shotam 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