Dans l'entraide chez ForumActif

Je viens de jeter un petit coup d'oeil dans le "Forum Gratuis d'entraide" et j'ai trouvé ça qui pourrait être amusant :


Tutoriel [Tutoriel] Profils à droite en phpbb 2 !

Message par Alexarbitre le Ven 11 Juil - 22:09
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.




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

Heureusement que je pense à vous Very Happy

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 :

Like a Star @ heaven Avant la modification :

Spoiler:



Like a Star @ heaven 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. thumright

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

Alexandre

Tutoriel par Alexarbitre


Alexarbitre
+ Hyperactif +


Ben oui c'est d'une évidence, j'aurrais dù y penser..!!
Non je rigole...( c'est pour faire peur à mes Minettes, elles qui veulent inover ) Les filles allez voir sur le forum d'entraide c'est écrit plus court et on comprend mieux, mais l'astuce est bonne,
Merci Alexandre, on va essayer ça

J'ai moi aussi pas mal viré dans le forum d'entraide et hier j'avais mis de la musique ( je te recopie pas le code) seulement voila ça décentre ton compteur ..............................

Sinon pour les avatars, j'aime bien qu'ils soient à gauche....

Moi aussi d'ailleurs je les préfère à gauche, j'ai fais l'essai hier dans la nuit ça fait drôle... Hiiiii...

J'ai vu que tu avais fait des essais de présentations de thèmes, sûrement à la création du forum...?

J'ai mis un post sur cette rubrique surtout pour "Utiliser" notre seul endroit encore "vierge" et attirer l'intention de nos ami(e)s

Ben oui pour les musiques on se cantonnera qu'à notre bon "Deezer", comme cela "no problem", ça au moins c'est autorisé, enfin je pense...? ça ne change pas nos mises en page

Non les thèmes c'est Isa qui s'en est occupé, d'ailleurs elle en a réservé 3 qu'elle aime bien.... J'ai plutôt fouillé dans le forum d'entraide...

Mais pour la musique j'avais mis un lien de Deezer en page de garde et c'est ça qui avait tout décentré....

Je m'y repencherais dessus dans qqls jours.........

Tiens pendant que j'y pense faudra que l'on regarde pour que le chat-Box se connecte automatiquement à l'ouverture du forum...?

Par ce que je te vois en ligne mais tu n'as pas connecté ton chat