Profil du Posteur

[Ellae]

Bonjour/Bonsoir,

J'ai suivi un tutoriel (http://www.school-of-pub.net/t6974-forumactiftemplate-modifier-la-mise-en-page-du-profil-du-posteur) expliquant comment changer le profil du posteur. Mais quand j'ai validé, voici ce que ça  ma donné :

Spoiler:

Le CSS utilisé :

Code:

table.tableau_profil{
   width:100px;
   margin:auto;
  border: 2px #FFFFFF dotted;
  background-color : #ffe0b4;
   }
  
table.tableau_profil td.milieu_tab span.pseudo_posteur{
   font-family:Trebuchet MS;
   font-size:12pt;
   }
  
table.tableau_profil td.milieu_tab span.rang_posteur{
   font-family:Trebuchet MS;
   font-size:8pt;
   color:white;
   font-style:italic;
   }
  
table.tableau_profil td.milieu_tab div.infos_posteur{
   width:100px;
   margin:auto;
   padding:4px;
   text-align:left;
   font-family:Trebuchet MS;
   font-size:10pt;
   color:white;
   background-color:#ffe0b4;
}
  

Et la Template :

Code:

 <table class="tableau_profil" cellpadding="0" cellspacing="0">
            <tr>
               <td class="haut_tab"> </td>
            </tr>
            <tr>
               <td class="milieu_tab">
                  <span class="name"><a name="{postrow.displayed.U_POST_ID}"></a><span class="pseudo_posteur">{postrow.displayed.POSTER_NAME}</span></span>

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

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


                     <div class="infos_posteur"><!-- 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>
                  </span>

               </td>
            </tr>
            <tr>
               <td class="bas_tab"> </td>
            </tr>
         </table>


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

               </td>
            </tr>
            <tr>
               <td class="bas_tab"> </td>
            </tr>
         </table>

Comment régler ce problème ? :/

[Ellae]

Up ?

[Lyssangelle]

Coucou

A mon avis, cela vient de ton template, il va falloir trouver la variable de l'affichage des posts . 
Pour commencer, remplace tes span par tes div et montre moi ce que ça donne, s'il te plait. ^^

[Ellae]

Ça  donne la même chose :/

Code:

 <table class="tableau_profil" cellpadding="0" cellspacing="0">
            <tr>
              <td class="haut_tab"> </td>
            </tr>
            <tr>
              <td class="milieu_tab">
                  <div class="name"><a name="{postrow.displayed.U_POST_ID}"></a><div class="pseudo_posteur">{postrow.displayed.POSTER_NAME}</div></div>

                    <div class="postdetails poster-profile">
                    <div class="rang_posteur">{postrow.displayed.POSTER_RANK}</div>

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


                    <div class="infos_posteur"><!-- 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>

              </td>
            </tr>
            <tr>
              <td class="bas_tab"> </td>
            </tr>
        </table>


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

              </td>
            </tr>
            <tr>
              <td class="bas_tab"> </td>
            </tr>
        </table>

Je donne le code avec les span remplacés par des div au cas ou.

[Ellae]

Up ?

[Ellae]

up ?

[Ellae]

Up ?

[Ellae]

Up

[Ellae]

Up

[ThePassionOfGaming]

J'ai eu pareil demande  a Mr.Docteur

[Dr. Sam]

Bonjour,

Alors nous allons recommencer depuis le début. Avant tout nous allons réinitialiser votre template. Pour ce faire, vous cliquez sur le de votre template viewtopic_body. Maintenant nous pouvons commencer !

Dans votre template vous aller repérez ce code:

Code:

<span class="name"><a name="{postrow.displayed.U_POST_ID}"></a><strong>{postrow.displayed.POSTER_NAME}</strong></span><br />

Nous allons maintenant descendre 8 lignes plus bas, pour trouver la balise de fin du premier code, soit:

Code:

</span>

Une fois trouvé, vous surlignez du premier code au deuxième et vous remplacez par ce code:

Code:

<table class="tableau_profil" cellpadding="0" cellspacing="0">
            <tr>
              <td class="haut_tab"> </td>
            </tr>
            <tr>
              <td class="milieu_tab">
                  <span class="name"><a name="{postrow.displayed.U_POST_ID}"></a><span class="pseudo_posteur">{postrow.displayed.POSTER_NAME}</span></span>
                <br />
                    <span class="postdetails poster-profile">
                    <span class="rang_posteur">{postrow.displayed.POSTER_RANK}</span>

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


                    <div class="infos_posteur"><!-- 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>
                  </span>

              </td>
            </tr>
            <tr>
              <td class="bas_tab"> </td>
            </tr>
        </table>

Une fois fait, vous enregistrez puis validez votre template

Maintenant, il faut remplacer tout le code CSS que vous nous avez fournie par celui-ci:

Code:

table.tableau_profil{
  width:200px;
  margin:auto;
  border:0;
  }
 
table.tableau_profil td.haut_tab{
  width:200px;
  height:24px;
  background-image:url('http://illiweb.com/fa/pbucket.gif');
  background-repeat:no-repeat;
  }
 
table.tableau_profil td.milieu_tab{
  width:200px;
  background-image:url('http://illiweb.com/fa/pbucket.gif');
  background-repeat:repeat-y;
  padding-left:14px;
  padding-right:14px;
  text-align:center;
  }
 
table.tableau_profil td.bas_tab{
  width:200px;
  height:20px;
  background-image:url('http://illiweb.com/fa/pbucket.gif');
  background-repeat:no-repeat;
  }
 
table.tableau_profil td.milieu_tab span.pseudo_posteur{
  font-family:Comic Sans Ms;
  font-size:12pt;
  }
 
table.tableau_profil td.milieu_tab span.rang_posteur{
  font-family:Comic Sans Ms;
  font-size:8pt;
  color:white;
  font-style:italic;
  }
 
table.tableau_profil td.milieu_tab div.infos_posteur{
  width:160px;
  margin:auto;
  padding:4px;
  text-align:left;
  font-family:Comic Sans Ms;
  font-size:10pt;
  color:white;
  background-color:#c4b6a8;
  border:1px solid white;
  opacity:0.5; /* Transparence : 0 = transparent // 1 = opaque */
  -moz-opacity : 0.5; /* Transparence pour Firefox */
    -ms-filter: "alpha(opacity=50)"; /* Transparence pour IE 8 */
    filter : alpha(opacity=50); /* Transparence pour les versions IE antérieure à la 8 */
  }
 

Vous enregistrez puis le tour est joué

Si vous voulez modifier l'apparence pour obtenir quelque chose de plus convenable à votre forum, faite moi signe

Cordialement,

[Ellae]

Ceci est toujours affiché :



(J'ai fait le codage sur un forum de test, cette fois-ci.)

[Ellae]

Ça marche, merci !