Modifier l'apparence des informations sous l'avatar

2 participants

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

Résolu Modifier l'apparence des informations sous l'avatar

Message par Cædes Mar 17 Jan 2012 - 17:56

Bonsoir,
Cela fait deux jours que je me bats avec un codage. Je ne vois pas où cela cloche et c'est très très énervant, sachant que sur mes autres forums, je n'ai jamais eu aucun problème dans ce petit changement du template Viewtopic_body.

Modifier l'apparence des informations sous l'avatar Buginfoprofil-30aec04

Comme vous pouvez le voir, j'ai centré les informations au-dessus de l'avatar et j'ai ajouté un cadre autour de l'avatar et des informations du profil avec une couleur en background. Le problème c'est que les informations se décalent à chaque fois. Ce n'est pas esthétique, pas pratique et franchement, je cale sur la résolution du problème. Voici le morceau du template que j'ai modifié (je n'ai pour l'instant touché à rien d'autre dans Viewtopic_body) :
Code:
   <td class="{postrow.displayed.ROW_CLASS}"{postrow.displayed.THANK_BGCOLOR} valign="top" width="150" align="center">
   <span class="postdetails poster-profile">
      <span class="name"><a name="{postrow.displayed.U_POST_ID}"></a><strong>{postrow.displayed.POSTER_NAME}</strong></span>
         <br />
               {postrow.displayed.POSTER_RANK}
               {postrow.displayed.RANK_IMAGE}
            <div class="contouravatar">
               {postrow.displayed.POSTER_AVATAR}
            </div>
         <!-- BEGIN profile_field -->
            <div class="infoprofil">
               {postrow.displayed.profile_field.LABEL}
               {postrow.displayed.profile_field.CONTENT}
               {postrow.displayed.profile_field.SEPARATOR}
         <!-- END profile_field -->
               {postrow.displayed.POSTER_RPG}
            </div>
   </span>
   </td>
Et le code css qui s'ajoute à cette partie :
Code:
/*CODAGE DU VIEWTOPIC_BODY*/

.post .name {
  font-family: magellan,relato,times new roman;
  font-size: 18px; letter-spacing: -1px;}

.postdetails img {
  -moz-border-radius: 20px;
  -webkit-border-radius: 20px;}

.contouravatar {
  background-color: #EFEFEF; padding: 10px; margin: 10px 0px 10px 0px;
  -moz-border-radius: 20px; -webkit-border-radius: 20px;}

.infoprofil {
  text-align:justify; letter-spacing: -1px;
  background-color: #EFEFEF; padding: 10px;
  -moz-border-radius: 20px; -webkit-border-radius: 20px;}
Je me dis qu'un regard extérieur trouvera le problème, parce que moi, à retourner cela dans tous les sens, je n'y parviens pas. Merci d'avance pour votre aide !


Dernière édition par Cædes le Mar 17 Jan 2012 - 19:40, édité 2 fois
Cædes

Cædes
****

Masculin
Messages : 310
Inscrit(e) le : 17/06/2007

http://metamorphosis.forumactif.com/
Cædes a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Modifier l'apparence des informations sous l'avatar

Message par Gorgorbey Mar 17 Jan 2012 - 18:38

Bonjour,

Dans votre CSS au niveau de .infoprofil enlevez simplement text-align:justify;
Wink

Cordialement.
Gorgorbey

Gorgorbey
Membre actif

Masculin
Messages : 3321
Inscrit(e) le : 09/09/2010

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

Résolu Re: Modifier l'apparence des informations sous l'avatar

Message par Cædes Mar 17 Jan 2012 - 18:42

Bonjour,

c'est fait et aucune amélioration, au contraire. Voici le résultat : Modifier l'apparence des informations sous l'avatar Infobugprofil-30af44c
Cædes

Cædes
****

Masculin
Messages : 310
Inscrit(e) le : 17/06/2007

http://metamorphosis.forumactif.com/
Cædes a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Modifier l'apparence des informations sous l'avatar

Message par Gorgorbey Mar 17 Jan 2012 - 18:47

Ah vous souhaitez que le texte soit aligné à gauche Smile
Dans votre template déplacez
Code:
<div class="infoprofil">
avant
Code:
<!-- BEGIN profile_field -->
Gorgorbey

Gorgorbey
Membre actif

Masculin
Messages : 3321
Inscrit(e) le : 09/09/2010

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

Résolu Re: Modifier l'apparence des informations sous l'avatar

Message par Cædes Mar 17 Jan 2012 - 19:40

Bingo !
Merci beaucoup Very Happy
Cædes

Cædes
****

Masculin
Messages : 310
Inscrit(e) le : 17/06/2007

http://metamorphosis.forumactif.com/
Cædes a été remercié(e) par l'auteur de ce sujet.

Voir le sujet précédent Voir le sujet suivant Revenir en haut

- Sujets similaires

Permission de ce forum:
Vous ne pouvez pas répondre aux sujets dans ce forum