Profil du Posteur

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

Résolu Profil du Posteur

Message par Ellae le 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
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 le Mar 18 Juin 2013 - 17:23

Up ?

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

Messages : 56
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 le 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
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 le Mer 19 Juin 2013 - 18:45

Up ?

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 le Jeu 20 Juin 2013 - 18:08

up ?

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 le Dim 23 Juin 2013 - 16:12

Up ?

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 le Lun 24 Juin 2013 - 18:56

Up

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 le Mar 25 Juin 2013 - 21:26

Up

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 le Mar 25 Juin 2013 - 21:45

J'ai eu pareil demande  a Mr.Docteur Smile

ThePassionOfGaming
*****

Masculin
Messages : 652
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 le 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://i912.photobucket.com/albums/ac325/Miettes_SoP/Tutos/profil_01.png');
  background-repeat:no-repeat;
  }
 
table.tableau_profil td.milieu_tab{
  width:200px;
  background-image:url('http://i912.photobucket.com/albums/ac325/Miettes_SoP/Tutos/profil_02.png');
  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://i912.photobucket.com/albums/ac325/Miettes_SoP/Tutos/profil_05.png');
  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
*****

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 le Jeu 27 Juin 2013 - 18:51

Ceci est toujours affiché :



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

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 le Sam 29 Juin 2013 - 11:04

Ça marche, merci !


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


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