Vérifiez vos informations

Il semblerait que les informations techniques de votre profil n'aient pas été actualisées depuis un certain temps... Pour que l'aide apportée vous soit efficace, il est important que ces informations soient à jour : prenez quelques secondes pour confirmer ou compléter les informations suivantes.


Lien de votre forum
Version de ce forum
Vous êtes le fondateur de ce forum
Vous avez modifié le CSS de ce forum
Vous avez modifié les templates de ce forum
Votre navigateur

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)


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.

Exemple:


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 :
    Spoiler:
    {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 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 : 17276
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