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

[Threax]

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 Ouvrez le template à l’aide du rouage orangé représentant la fonction "Éditer". 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> 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. 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> 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 en bas de page, puis publiez-le en cliquant sur le bouton

Ce tutoriel a été rédigé par Matriochka. Aucune reproduction possible sans accord, conformément à l’article L122-1 du CPI.