Profil du Posteur

4 participants

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

Résolu Profil du Posteur

Message par Ellae Dim 16 Juin 2013 - 13:59

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 ? :/


Dernière édition par Ellae le Sam 29 Juin 2013 - 11:42, édité 1 fois
Ellae

Ellae
Nouveau membre

Messages : 19
Inscrit(e) le : 08/04/2013

http://otashi.forumactif.org/
Ellae a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Profil du Posteur

Message par Ellae Mar 18 Juin 2013 - 17:23

Up ?
Ellae

Ellae
Nouveau membre

Messages : 19
Inscrit(e) le : 08/04/2013

http://otashi.forumactif.org/
Ellae a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Profil du Posteur

Message par Lyssangelle Mar 18 Juin 2013 - 17:34

Coucou Smile

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. ^^
Lyssangelle

Lyssangelle
**

Messages : 66
Inscrit(e) le : 30/04/2013

http://saigoseizon.forumgratuit.fr/#bottom
Lyssangelle a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Profil du Posteur

Message par Ellae Mar 18 Juin 2013 - 18:35

Ç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

Ellae
Nouveau membre

Messages : 19
Inscrit(e) le : 08/04/2013

http://otashi.forumactif.org/
Ellae a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Profil du Posteur

Message par Ellae Mer 19 Juin 2013 - 18:45

Up ?
Ellae

Ellae
Nouveau membre

Messages : 19
Inscrit(e) le : 08/04/2013

http://otashi.forumactif.org/
Ellae a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Profil du Posteur

Message par Ellae Jeu 20 Juin 2013 - 18:08

up ?
Ellae

Ellae
Nouveau membre

Messages : 19
Inscrit(e) le : 08/04/2013

http://otashi.forumactif.org/
Ellae a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Profil du Posteur

Message par Ellae Dim 23 Juin 2013 - 16:12

Up ?
Ellae

Ellae
Nouveau membre

Messages : 19
Inscrit(e) le : 08/04/2013

http://otashi.forumactif.org/
Ellae a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Profil du Posteur

Message par Ellae Lun 24 Juin 2013 - 18:56

Up
Ellae

Ellae
Nouveau membre

Messages : 19
Inscrit(e) le : 08/04/2013

http://otashi.forumactif.org/
Ellae a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Profil du Posteur

Message par Ellae Mar 25 Juin 2013 - 21:26

Up
Ellae

Ellae
Nouveau membre

Messages : 19
Inscrit(e) le : 08/04/2013

http://otashi.forumactif.org/
Ellae a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Profil du Posteur

Message par ThePassionOfGaming Mar 25 Juin 2013 - 21:45

J'ai eu pareil demande  a Mr.Docteur Smile
ThePassionOfGaming

ThePassionOfGaming
*****

Masculin
Messages : 686
Inscrit(e) le : 23/03/2013

http://www.thepassionofgaming.com/
ThePassionOfGaming a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Profil du Posteur

Message par Dr. Sam Jeu 27 Juin 2013 - 10:14

Bonjour,

Alors nous allons recommencer depuis le début. Avant tout nous allons réinitialiser votre template. Pour ce faire, vous cliquez sur le suppr 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 Wink

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é cheers

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

Cordialement,
Smile
Dr. Sam

Dr. Sam
*****

Masculin
Messages : 894
Inscrit(e) le : 28/06/2012

http://www.fa-aide.com/
Dr. Sam a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Profil du Posteur

Message par Ellae Jeu 27 Juin 2013 - 18:51

Ceci est toujours affiché :

Profil du Posteur 1327061850PmjvzM15

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

Ellae
Nouveau membre

Messages : 19
Inscrit(e) le : 08/04/2013

http://otashi.forumactif.org/
Ellae a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Profil du Posteur

Message par Ellae Sam 29 Juin 2013 - 11:04

Ça marche, merci !

Ellae

Ellae
Nouveau membre

Messages : 19
Inscrit(e) le : 08/04/2013

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