Modifier l'apparence des informations sous l'avatar

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 le 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.



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

Féminin
Messages : 299
Inscrit(e) le : 17/06/2007

http://capharnaum.forumactif.org/
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 le Mar 17 Jan 2012 - 18:38

Bonjour,

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

Cordialement.

Gorgorbey
+ Hyperactif +

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 le Mar 17 Jan 2012 - 18:42

Bonjour,

c'est fait et aucune amélioration, au contraire. Voici le résultat :

Cædes
****

Féminin
Messages : 299
Inscrit(e) le : 17/06/2007

http://capharnaum.forumactif.org/
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 le 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
+ Hyperactif +

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 le Mar 17 Jan 2012 - 19:40

Bingo !
Merci beaucoup Very Happy

Cædes
****

Féminin
Messages : 299
Inscrit(e) le : 17/06/2007

http://capharnaum.forumactif.org/
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


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