Icônes de contact sous le profil posteur (phpBB2)

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

  • 0

Tutoriel Icônes de contact sous le profil posteur (phpBB2)

Message par Threax le Sam 18 Aoû 2012 - 23:05

Icônes de contact sous le profil posteur (phpBB2)


Aperçu :
Ce tutoriel vous apprendra à modifier l’apparence de votre forum Forumactif. En effet, grâce à celui-ci, vous serez capable de déplacer les icônes de contact initialement présentes sous les messages de vos sujets vers la cellule "Auteur", à gauche, comme le propose initialement la version phpBB3.


Avant toute chose, assurez-vous des quelques choses suivantes :
  • Votre forum doit être en phphBB2.
  • Vous devez être capable d'appréhender un tant soit peu le HTML et les templates,
  • Vous devez être le fondateur de votre forum.




Modification du template

Le template concerné par la modification s’intitule viewtopic_body. C’est lui qui génère l’affichage de vos sujets sur votre forum. Pour le trouver sur votre panneau d’administration, suivez le chemin suivant :
Panneau d'administration  Affichage  Templates - Général

  1. Ouvrez le template à l’aide du rouage orangé représentant la fonction "Éditer".
  2. Localisez la partie suivante de votre template :
    Code:
      <tr>
          <td class="{postrow.displayed.ROW_CLASS} browse-arrows"{postrow.displayed.THANK_BGCOLOR} align="center" valign="middle" width="150">
            <a href="#top">{L_BACK_TO_TOP}</a> <a href="#bottom">{L_GOTO_DOWN}</a>
          </td>
          <td class="{postrow.displayed.ROW_CLASS} messaging gensmall"{postrow.displayed.THANK_BGCOLOR} width="100%" height="28">
            <table border="0" cellspacing="0" cellpadding="0">
                <tr>
                  <td valign="middle">
                      {postrow.displayed.PROFILE_IMG} {postrow.displayed.PM_IMG} {postrow.displayed.EMAIL_IMG}<!-- BEGIN contact_field --> {postrow.displayed.contact_field.CONTENT}<!-- END contact_field --> {postrow.displayed.ONLINE_IMG}
                  </td>
                </tr>
            </table>
          </td>
      </tr>
  3. Remplacez-la par :
    Code:
      <tr>
          <td class="{postrow.displayed.ROW_CLASS} browse-arrows"{postrow.displayed.THANK_BGCOLOR} colspan="3" align="center" valign="middle" width="100%">
            <a href="#top">{L_BACK_TO_TOP}</a> <a href="#bottom">{L_GOTO_DOWN}</a>
          </td>
      </tr>

    Explications :
    Ici, nous avons supprimé la seconde cellule contenant les variables suivantes : {postrow.displayed.PROFILE_IMG}, {postrow.displayed.PM_IMG}, {postrow.displayed.EMAIL_IMG}, {postrow.displayed.contact_field.CONTENT} et {postrow.displayed.ONLINE_IMG}, autrement dit, celles qui génèrent les icônes que l’on cherche à déplacer : les icônes de contact.

  4. Une fois cette modification faite, ne touchez plus à cette partie. En revanche, localisez celle qui génère la cellule "Auteur" :


    Code:
          <td class="{postrow.displayed.ROW_CLASS}"{postrow.displayed.THANK_BGCOLOR} valign="top" width="150">
            <span class="name"><a name="{postrow.displayed.U_POST_ID}"></a><strong>{postrow.displayed.POSTER_NAME}</strong></span><br />
                <span class="postdetails poster-profile">
                {postrow.displayed.POSTER_RANK}<br />
                {postrow.displayed.RANK_IMAGE}{postrow.displayed.POSTER_AVATAR}<br /><br />
                <!-- 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><br />
            <img src="http://illiweb.com/fa/empty.gif" alt="" style="width:150px;height:1px" />
          </td>

  5. Remplacez-la par celle-ci :
    Code:
          <td class="{postrow.displayed.ROW_CLASS}"{postrow.displayed.THANK_BGCOLOR} valign="top" width="150">
            <span class="name"><a name="{postrow.displayed.U_POST_ID}"></a><strong>{postrow.displayed.POSTER_NAME}</strong></span><br />
                <span class="postdetails poster-profile">
                {postrow.displayed.POSTER_RANK}<br />
                {postrow.displayed.RANK_IMAGE}{postrow.displayed.POSTER_AVATAR}<br /><br />
                <!-- 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><br />
            <img src="http://illiweb.com/fa/empty.gif" alt="" style="width:150px;height:1px" />
                      {postrow.displayed.PROFILE_IMG} {postrow.displayed.PM_IMG} {postrow.displayed.EMAIL_IMG}<!-- BEGIN contact_field --> {postrow.displayed.contact_field.CONTENT}<!-- END contact_field --> {postrow.displayed.ONLINE_IMG}
                 
          </td>

    Explications :
    Cette fois-ci, nous avons tout simplement déplacé les variables citées plus haut ({postrow.displayed.PROFILE_IMG}, {postrow.displayed.PM_IMG}, {postrow.displayed.EMAIL_IMG}, {postrow.displayed.contact_field.CONTENT} et {postrow.displayed.ONLINE_IMG}) sous les détails du profil.


Publication du template

Afin que votre modification soit prise en compte, enregistrez votre template à l’aide du bouton :enreg: en bas de page, puis publiez-le en cliquant sur le bouton ajout

avatar

Threax
Membre actif

Masculin
Messages : 17277
Inscrit(e) le : 27/08/2005

http://lesforumsde.forumactif.com
Threax 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