- 0Réputation du message : 100% (3 votes)
par Threax 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 templateLe 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 : - 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.
- 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://2img.net/i/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://2img.net/i/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 templateAfin 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
|