[Tutoriel] Profils à droite en phpbb 2 !

[Alexarbitre]

Bonjour à tous,

Je trouve enfin le temps de poster ce tutoriel tout simple.
Ayant beaucoup aidé sur le Forum de support de Forumactif, j'ai pu remarquer une question qui revenaît assez régulièrement, et la réponse, toujours la même :

Question : Comment on met les profils à droite dans les messages en phpbb 2 ?
Réponse : On ne peut pas, il faut passer en phpbb 3 avec tous les désavantages que celà comporte au niveau de l'adaptabiité du thème et de la modification de templates.

C'est très dommage de devoir passer à phpbb 3 juste pour les profils à droite. Non ?

Heureusement que je pense à vous

Au bout de 1h30 de tests et de diverses insultes envers la structure compliquée et alambiquée des tables du template viewtopic_body, et après avoir vu plusieurs horreurs, j'ai enfin réussi à adapter le template pour mettre les profils à droite.

Voici des exemples tirés de mon forum perso :

Avant la modification :

Spoiler:

Après la modification :

Spoiler:

Nota : J'ai modifié aussi l'interieur de la section du profil pour ressembler à l'affichage sous phpbb 3 ( place de l'avatar par exemple )

Si cet affichage est celui que vous recherchez, voici la procédure pour l'obtenir :

/!\ Seul le fondateur peut faire cette modification

Panneau d'administration => Affichage => Templates => Général

et cherchez le template viewtopic_body ( tout en bas ).
Cliquez sur l'engrenage orange pour le modifier, puis effacez TOUT son contenu pour le remplacer par le script suivant :

Code:

<!--
                ************************
           
            script du template viewtopic_body
              du logiciel phpbb version 2
              modifié par Alexarbitre
              pour les forums forumactif
                < www.forumactif.com >
           
                ************************
-->
<table width="100%" border="0" bordercolor=red cellspacing="2" cellpadding="2">
<tr>
<td align="left" valign="middle" nowrap="nowrap"><span class="nav">
<!-- BEGIN switch_user_authpost -->
<a href="{U_POST_NEW_TOPIC}"><img src="{POST_IMG}" id="{POST_IMG_ID}" alt="{L_POST_NEW_TOPIC}" align="middle" border="0" /></a> 
<!-- END switch_user_authpost -->
<!-- BEGIN switch_user_authreply -->
<a href="{U_POST_REPLY_TOPIC}"><img src="{REPLY_IMG}" id="i_reply" alt="{L_POST_REPLY_TOPIC}" align="middle" border="0" /></a>
<!-- END switch_user_authreply -->
</span></td>
<td class="nav" valign="middle" width="100%"><span class="nav"><a class="nav" href="{U_INDEX}">{L_INDEX}</a>{NAV_SEP}<a class="nav" href="{U_ALBUM}">{L_ALBUM}</a>{NAV_CAT_DESC}</span></td>
<!-- BEGIN insert_plus_menu -->
<td align="right" valign="bottom" nowrap="nowrap" width="100%"><span class="gensmall"><b>
<script type="text/javascript"><!--
insert_plus_menu('f{FORUM_ID}&t={TOPIC_ID}','{JS_SESSION_ID}', {JS_AUTH_FAVOURITES});
//-->
</script>
</b></span></td>
<!-- END insert_plus_menu -->
</tr>
</table>
<table class="forumline" width="100%" border="0" bordercolor=blue cellspacing="1" cellpadding="3">
<tr align="right">
<td class="catHead" colspan="2" height="28">
<table width="100%" border="0" cellspacing="0" cellpadding="0">
<tr>
<td width="9%" class="noprint"></td>
<td align="center" nowrap="nowrap" class="t-title"> <span class="cattitle"><!-- google_ad_section_start -->{TOPIC_TITLE}<!-- google_ad_section_end --></span></td>
<td align="right" nowrap="nowrap" width="9%" class="browse-arrows"><a href="{U_VIEW_OLDER_TOPIC}">{L_VIEW_PREVIOUS_TOPIC}</a> <a href="{U_VIEW_NEWER_TOPIC}">{L_VIEW_NEXT_TOPIC}</a> <a href="#bottom">{L_GOTO_DOWN}</a> </td>
</tr>
</table>
</td>
<tr><td class="row1" colspan="2" align="right" valign="top"><span class="gensmall">{PAGINATION}</span></td></tr>
</tr>{POLL_DISPLAY}<tr>
<th class="thRight" nowrap="nowrap">{L_MESSAGE}</th>
<th class="thLeft" nowrap="nowrap" width="150" height="26">{L_AUTHOR}</th>
</tr>
<!-- BEGIN postrow -->
  <!-- BEGIN displayed -->
  <tr class="post">
        <td class="{postrow.displayed.ROW_CLASS}" valign="top" width="100%" height="28">
        <table width="100%" border="0" cellspacing="0" cellpadding="0">
            <tr>
              <td><span class="postdetails"><img src="{postrow.displayed.MINI_POST_IMG}" alt="{postrow.displayed.L_MINI_POST_ALT}" title="{postrow.displayed.L_MINI_POST_ALT}" border="0">{L_POST_SUBJECT}: {postrow.displayed.POST_SUBJECT}  <img src="{postrow.displayed.MINI_TIME_IMG}" alt="" border="0">{postrow.displayed.POST_DATE}</span></td>
              <td align="right" valign="top" nowrap="nowrap" class="post-options">
                  {postrow.displayed.QUOTE_IMG} {postrow.displayed.EDIT_IMG} {postrow.displayed.DELETE_IMG} {postrow.displayed.IP_IMG} {postrow.displayed.REPORT_IMG}
              </td>
            </tr>
            <tr>
              <td colspan="2" class="hr">
                  <hr />
              </td>
            </tr>
            <tr>
              <td colspan="2"><span class="postbody"><!-- google_ad_section_start -->{postrow.displayed.MESSAGE}<!-- google_ad_section_end -->{postrow.displayed.SIGNATURE}</span><span class="gensmall">{postrow.displayed.EDITED_MESSAGE}</span></td>
            </tr>
        </table>
      </td>
      <td class="{postrow.displayed.ROW_CLASS}" valign="top" width="150">
        <span class="postdetails poster-profile">
            {postrow.displayed.POSTER_AVATAR}<br />
            <span class="name"><a name="{postrow.displayed.U_POST_ID}"></a><strong>{postrow.displayed.POSTER_NAME}</strong></span><br />
            {postrow.displayed.POSTER_RANK}<br />
            {postrow.displayed.RANK_IMAGE}<br /><br />
            {postrow.displayed.POSTER_GENDER}
            {postrow.displayed.ZODIAC_IMG}
            {postrow.displayed.CHINESE_IMG}<br />
            <b> {postrow.displayed.POSTER_AGE_INT} </b> {postrow.displayed.POSTER_AGE}
            <b> {postrow.displayed.POSTER_JOINED_INT} </b> {postrow.displayed.POSTER_JOINED}
            <b>{postrow.displayed.POSTER_POSTS_INT} </b> {postrow.displayed.POSTER_POSTS}
            <b>{postrow.displayed.POSTER_FROM_INT} </b> {postrow.displayed.POSTER_FROM}
            <b>{postrow.displayed.POSTER_HOBBIES_INT} </b> {postrow.displayed.POSTER_HOBBIES}
            <b>{postrow.displayed.POSTER_HUMOR_INT} </b> {postrow.displayed.POSTER_HUMOR}
            <b>{postrow.displayed.POSTER_PERSONALIZED_PROFILE} </b> {postrow.displayed.POSTER_RPG}
        </span><br />
      </td>
  </tr>
  <tr>
      <td class="{postrow.displayed.ROW_CLASS} messaging" valign="bottom" nowrap="nowrap" width="100%" height="28">
        <table width="18" border="0" cellspacing="0" cellpadding="0" height="18">
            <tr>
              <td valign="middle" nowrap="nowrap">
              {postrow.displayed.PROFILE_IMG} {postrow.displayed.PM_IMG} {postrow.displayed.EMAIL_IMG} {postrow.displayed.WWW_IMG} {postrow.displayed.AIM_IMG} {postrow.displayed.YIM_IMG} {postrow.displayed.MSN_IMG} {postrow.displayed.SKYPE_IMG} {postrow.displayed.ONLINE_IMG}
              <script type="text/javascript" language="Javascript"><!--
              if ( navigator.userAgent.toLowerCase().indexOf('mozilla') != -1 && navigator.userAgent.indexOf('5.') == -1 && navigator.userAgent.indexOf('6.') == -1 ) {
                  document.write('{postrow.displayed.ICQ_IMG}');
              } else {
                  document.write('</td><td> </td><td valign="top" nowrap="nowrap"><div style="position:relative"><div style="position:absolute">{postrow.displayed.ICQ_IMG}</div><div style="position:absolute;left:3px;top:-1px">{postrow.displayed.ICQ_STATUS_IMG}</div></div>');
              }
              //-->
              </script>
              <noscript>{postrow.displayed.ICQ_IMG}</noscript>
              </td>
            </tr>
        </table>
       
        <td class="{postrow.displayed.ROW_CLASS} browse-arrows" align="center" valign="middle" width="150"><a href="#top">{L_BACK_TO_TOP}</a> <a href="#bottom">{L_GOTO_DOWN}</a></td>
       
      </td>
  </tr>
  <!-- END displayed -->
  <!-- BEGIN hidden -->
  <tr>
      <td class="postdetails {postrow.hidden.ROW_CLASS}" colspan="2" align="center">{postrow.hidden.MESSAGE}</td>
  </tr>
  <!-- END hidden -->
<!-- END postrow -->
<!-- BEGIN no_post -->
<tr align="center">
<td class="row1" colspan="2" height="28">
  <span class="genmed">{no_post.L_NO_POST}</span>
</td>
</tr>
<!-- END no_post -->
<tr align="right">
<td class="catBottom" colspan="2" height="28">
<table width="100%" border="0" cellspacing="0" cellpadding="0">
<td width="9%"></td>
<td align="center" nowrap="nowrap"><a name="bottomtitle"></a><span class="cattitle">{TOPIC_TITLE}</span></td>
<td align="right" nowrap="nowrap" width="9%"><a href="{U_VIEW_OLDER_TOPIC}">{L_VIEW_PREVIOUS_TOPIC}</a> <a href="{U_VIEW_NEWER_TOPIC}">{L_VIEW_NEXT_TOPIC}</a> <a href="#top">{L_BACK_TO_TOP}</a> </td>
</table>
</td>
</tr>
</table>

<table class="forumline noprint" width="100%" border="0" cellspacing="1" cellpadding="3">
<tr>
<td class="row2" valign="top" {COLSPAN_PAGINATION} width="150"><span class="gensmall">{PAGE_NUMBER}</span></td>
<!-- BEGIN topicpagination -->
<td class="row1" align="right" valign="top"><span class="gensmall">{PAGINATION}</span></td>
<!-- END topicpagination -->
</tr>
<!-- BEGIN switch_user_logged_in -->
<!-- BEGIN watchtopic -->
<tr>
<td class="row2" colspan="2" align="right" valign="top"><span class="gensmall">{S_WATCH_TOPIC}</span></td>
</tr>
<!-- END watchtopic -->
<!-- END switch_user_logged_in -->
<tr>
<td class="row2" colspan="2" align="center" style="padding:0px">
<!-- BEGIN switch_user_logged_in -->
<a name="quickreply"></a>
{QUICK_REPLY_FORM}<br />
<!-- END switch_user_logged_in -->
</td>
</tr>
<tbody id="info_open" style="display:''">
<!-- BEGIN show_permissions -->
<tr>
<td class="row2" valign="top" width="25%"><span class="gensmall">{L_TABS_PERMISSIONS}</span></td>
<td class="row1" valign="top" width="75%"><span class="gensmall">{S_AUTH_LIST}</span></td>
</tr>
<!-- END show_permissions -->
<tr>
<td class="catBottom" colspan="2" height="28">
<table width="100%" border="0" cellspacing="0" cellpadding="0">
<tr>
<td valign="middle" width="100%"><span class="nav"><a class="nav" href="{U_INDEX}">{L_INDEX}</a>{NAV_SEP}<a class="nav" href="{U_ALBUM}">{L_ALBUM}</a>{NAV_CAT_DESC}</span></td>
<!-- BEGIN show_permissions -->
<td align="right" valign="middle"><span class="gensmall"><a href="javascript:ShowHideLayer('info_open','info_close');"><img src="{TABS_LESS_IMG}" alt="-" align="middle" border="0"></a></span></td>
<!-- END show_permissions -->
</tr>
</table>
</td>
</tr>
</tbody>
<tbody id="info_close" style="display:none">
<tr>
<td class="catBottom" colspan="2" height="28">
<table width="100%" border="2" cellspacing="0" cellpadding="0">
<tr>
<td valign="middle" width="100%"><span class="nav"><a class="nav" href="{U_INDEX}">{L_INDEX}</a>{NAV_SEP}<a class="nav" href="{U_ALBUM}">{L_ALBUM}</a>{NAV_CAT_DESC}</span></td>
<td align="right" valign="middle"><span class="gensmall"><a href="javascript:ShowHideLayer('info_open','info_close');"><img src="{TABS_MORE_IMG}" alt="+" align="middle" border="0"></a></span></td>
</tr>
</table>
</td>
</tr>
</tbody>
</table>


<table class="noprint" width="100%" border="0" cellspacing="2" cellpadding="2" align="center">
<tr>
<form action="{S_JUMPBOX_ACTION}" method="get" name="jumpbox" onsubmit="if(document.jumpbox.f.value == -1){return false;}">
<td align="left" valign="middle" nowrap="nowrap" {WIDTH_GALLERY}><span class="nav">
<!-- BEGIN switch_user_authpost -->
<a href="{U_POST_NEW_TOPIC}"><img src="{POST_IMG}" id="{POST_IMG_ID}" alt="{L_POST_NEW_TOPIC}" align="middle" border="0"></a> 
<!-- END switch_user_authpost -->
<!-- BEGIN switch_user_authreply -->
<a href="{U_POST_REPLY_TOPIC}"><img src="{REPLY_IMG}" id="i_reply" alt="{L_POST_REPLY_TOPIC}" align="middle" border="0"></a>
<!-- END switch_user_authreply -->
</span>
</td>
<!-- BEGIN viewtopic_bottom -->
<td align="right" nowrap="nowrap"><span class="gensmall">{L_JUMP_TO}: {S_JUMPBOX_SELECT} <input class="liteoption" type="submit" value="{L_GO}"></span></td>
<!-- END viewtopic_bottom -->
<!-- BEGIN moderation_panel -->
<td align="center">
<span class="gensmall">{moderation_panel.U_YOUR_PERSONAL_MODERATE}</span>
</td>
<td align="center" width="250">
<span class="gensmall"> </span>
</td>
<!-- END moderation_panel -->
</form>
</tr>
<!-- BEGIN viewtopic_bottom -->
<tr>
<td colspan="2" align="left" valign="top" nowrap="nowrap"><br>{S_TOPIC_ADMIN}<br />
<form name="action" method="get" action="{S_FORM_MOD_ACTION}">
<input type="hidden" name="t" value="{TOPIC_ID}" />
<input type="hidden" name="sid" value="{S_SID}" />
<span class="gen">{L_MOD_TOOLS}<br />{S_SELECT_MOD} <input class="liteoption" type="submit" value="{L_GO}"></span>
</form>
</td>
</tr>
<!-- END viewtopic_bottom -->
</table>


Cliquez sur " Enregistrer ". Vous serez redirigé vers la page des templates. Redescendez voir le template viewtopic_body que nous venons de modifier, puis cliquez sur le gros + vert qui est apparu à côté du nom pour publier le template.

Si vous avez suivi correctement ce tuto simplissime, vous devriez avoir vos profils à droite.

Sur ce, je vous laisse et vous souhaite bon vent sur vos forums

Alexandre

Tutoriel par Alexarbitre