- 0Réputation du message : 100% (4 votes)
par Threax Sam 18 Aoû 2012 - 23:05
| Icônes de contact sous le profil posteur | |
| | Avant toute modification, assurez-vous que votre forum respecte les conditions suivantes :
- Vous devez être le fondateur du forum pour avoir accès aux templates de celui-ci ;
- Votre forum doit être en version PhpBB2. |
Cette astuce 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 :
Modification du template| | La modification des templates n'est pas une opération à prendre à la légère. Elle requiert, au minimum, de bonnes connaissances du langage HTML. En outre, seul le fondateur du forum est habilité à en modifier les templates. |
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 :
- Voir information :
{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" :
- Voir illustration :
- 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.
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 
|
Accueil
Créer un forum
Icônes de contact sous le profil posteur
Sujets similaires