Intégrer le bouton ''new, lock..'' dans la case dernier message

[Belondon]

Bonjour!

Je vous explique mon problème, enfin ma requête, je voudrais pouvoir faire ceci :

Spoiler:

C'est à dire, mettre le bouton new, lock, old intégré dans la case du dernier message.
Voici mon exemple de mon forum :

Spoiler:

Je suis fondatrice, j'ai donc accès aux templates, je suis en version phpBB 2.
Ayant cherché un peu avant d'ouvrir ce sujet, j'ai vue qu'il fallait donner ceci : index_box, et mon css (?) donc je vous la donne :
Mes templates sont modifiés ainsi que ma feuille de style CSS.

INDEX_BOX :

Spoiler:

MON CSS :

Spoiler:

J'ai une dernière question, j'aimerais beaucoup enlever le texte ''Derniers messages'' sans enlever la colonne, juste ne plus avoir ce texte ''Derniers messages'' Est-ce possible?
PROBLÈME RÉSOLU, MERCI Scipion

Passer de ça :

Spoiler:

À ça :

Spoiler:

Merci d'avoir lu, et merci encore plus si vous répondez.
[u]

[Scipion]

Bonjour

Pour votre deuxième question, vous allez sur le template index_box :

Repérez ce code

Code:

<!-- BEGIN catrow --><!-- BEGIN tablehead --><table class="forumline" width="100%" border="0" cellspacing="1" cellpadding="0">
   <tr>
      <th colspan="{catrow.tablehead.INC_SPAN}" nowrap="nowrap" width="100%" class="secondarytitle"> {catrow.tablehead.L_FORUM} </th>
      <th nowrap="nowrap" width="50">{L_TOPICS}</th>
      <th nowrap="nowrap" width="50">{L_POSTS}</th>
      <th nowrap="nowrap" width="150"><div style="width:150px;">{L_LASTPOST}</div></th>
   </tr>
   <!-- END tablehead -->

Supprimez cette partie :

Code:

{L_LASTPOST}

Validez

Cordialement

[Belondon]

Merci beaucoup, j'ai cocher le bouton ''merci'' et cliquer sur +1, merci à vous ça marche c'est super. Problème 2 résolu, plus que le 1 maintenant

[Scipion]

Veuillez tester svp votre template index_box modifié suivant votre première demande :

Code:

<table width="100%" border="0" cellspacing="1" cellpadding="0" align="center">
<tr>
<td valign="bottom">
<!-- BEGIN switch_user_logged_in -->
<span class="gensmall">{LAST_VISIT_DATE}

{CURRENT_TIME}

</span>
<!-- END switch_user_logged_in -->
<div class="nav"><a class="nav" href="{U_INDEX}">{L_INDEX}</a>{NAV_CAT_DESC}</div>
</td>
<td class="gensmall" align="right" valign="bottom">
<!-- BEGIN switch_user_logged_in -->
<a class="gensmall" href="{U_SEARCH_NEW}">{L_SEARCH_NEW}</a>                     
<a class="gensmall" href="{U_SEARCH_SELF}">{L_SEARCH_SELF}</a>

<!-- END switch_user_logged_in -->
<a class="gensmall" href="{U_SEARCH_UNANSWERED}">{L_SEARCH_UNANSWERED}</a>
</td>
</tr>
</table>
<!-- BEGIN catrow --><!-- BEGIN tablehead --><table class="forumline" width="100%" border="0" cellspacing="1" cellpadding="0">
<tr>
<th colspan="{catrow.tablehead.INC_SPAN}" nowrap="nowrap" width="100%" class="secondarytitle"> {catrow.tablehead.L_FORUM} </th>
<th nowrap="nowrap" width="150"><div style="width:150px;"></div></th>
</tr>
<!-- END tablehead -->
<!-- BEGIN cathead -->
<tr>
<!-- BEGIN inc -->
<td class="{catrow.cathead.inc.INC_CLASS}" width="46"><img src={SPACER}"
height="0" width="46" /></td>
<!-- END inc -->
<td class="{catrow.cathead.CLASS_CAT}" colspan="{catrow.cathead.INC_SPAN}" width="100%">
<h{catrow.cathead.LEVEL} class="hierarchy">
<span class="cattitle">
<a class="cattitle" title="{catrow.cathead.CAT_DESC}" href="{catrow.cathead.U_VIEWCAT}">{catrow.cathead.CAT_TITLE}</a>
</span>
</h{catrow.cathead.LEVEL}>
</td>
<td class="{catrow.cathead.CLASS_ROWPIC}" colspan="3" align="right"> </td>
</tr>
<!-- END cathead -->
<!-- BEGIN forumrow -->
<tr>
<!-- BEGIN inc -->
<td class="{catrow.forumrow.inc.INC_CLASS}" width="46"><img src="{SPACER}" height="0" width="46" alt="." /></td>
<!-- END inc -->
  <td class="{catrow.forumrow.INC_CLASS}" align="center" valign="middle">
         
      </td>                                                                                                                       
<td class="row1 over" colspan="{catrow.forumrow.INC_SPAN}" valign="top" width="100%" height="50">
<h{catrow.forumrow.LEVEL} class="hierarchy">
<span class="forumlink">
<a class="forumlink" href="{catrow.forumrow.U_VIEWFORUM}">{catrow.forumrow.FORUM_NAME}</a>

</span>
</h{catrow.forumrow.LEVEL}>
<span class="genmed">{catrow.forumrow.FORUM_DESC}</span>
<span class="gensmall">
<!-- BEGIN switch_moderators_links -->
{catrow.forumrow.switch_moderators_links.L_MODERATOR}{catrow.forumrow.switch_moderators_links.MODERATORS}
<!-- END switch_moderators_links -->
{catrow.forumrow.L_LINKS}{catrow.forumrow.LINKS}
</span>
</td>

<td class="row3 over" align="center" valign="middle" height="50">
<span class="gensmall"></span>
<center><img title="{catrow.forumrow.L_FORUM_FOLDER_ALT}"
src="{catrow.forumrow.FORUM_FOLDER_IMG}" alt="{catrow.forumrow.L_FORUM_FOLDER_ALT}" /></center><br />
<span class="gensmall">{catrow.forumrow.LAST_POST}</span>

</td>
</tr>
<!-- END forumrow -->
<!-- BEGIN catfoot -->
<tr>
<!-- BEGIN inc -->
<td class="{catrow.catfoot.inc.INC_CLASS}" width="46"><img src="{SPACER}" height="0" width="46" /></td>
<!-- END inc -->
<td class="spaceRow" colspan="{catrow.catfoot.INC_SPAN}" height="1"><img src="{SPACER}" alt="" height="1" width="1" /></td>
</tr>
<!-- END catfoot -->
<!-- BEGIN tablefoot -->
</table><img src="{SPACER}" alt="" height="5" width="1" /><!-- END tablefoot --><!-- END catrow -->

Cordialement

[Belondon]

Je remplace celle que j'ai actuellement par celui-ci proposé?

[Scipion]

Exactement, faites un test avec celui proposé et dites-moi quelles sont vos observations, c'est à dire ce qui reste à faire.

Cordialement

[Belondon]

Alors, merci tout d’abord de prendre en charge ma demande

Donc voici mon forum avant de mettre votre template :

Spoiler:

Et voici mon forum après avoir mis votre template :

Spoiler:

Rien ne s'est passé à part que dans le cas n°2, je trouve que tout s'est rapproché, le titre est rapproché de ma description.. Est-ce normal?

[Scipion]

J'ai rajouté un (br) après le titre du forum :

Code:

<table width="100%" border="0" cellspacing="1" cellpadding="0" align="center">
<tr>
<td valign="bottom">
<!-- BEGIN switch_user_logged_in -->
<span class="gensmall">{LAST_VISIT_DATE}

{CURRENT_TIME}

</span>
<!-- END switch_user_logged_in -->
<div class="nav"><a class="nav" href="{U_INDEX}">{L_INDEX}</a>{NAV_CAT_DESC}</div>
</td>
<td class="gensmall" align="right" valign="bottom">
<!-- BEGIN switch_user_logged_in -->
<a class="gensmall" href="{U_SEARCH_NEW}">{L_SEARCH_NEW}</a>                     
<a class="gensmall" href="{U_SEARCH_SELF}">{L_SEARCH_SELF}</a>

<!-- END switch_user_logged_in -->
<a class="gensmall" href="{U_SEARCH_UNANSWERED}">{L_SEARCH_UNANSWERED}</a>
</td>
</tr>
</table>
<!-- BEGIN catrow --><!-- BEGIN tablehead --><table class="forumline" width="100%" border="0" cellspacing="1" cellpadding="0">
<tr>
<th colspan="{catrow.tablehead.INC_SPAN}" nowrap="nowrap" width="100%" class="secondarytitle"> {catrow.tablehead.L_FORUM} </th>
<th nowrap="nowrap" width="150"><div style="width:150px;"></div></th>
</tr>
<!-- END tablehead -->
<!-- BEGIN cathead -->
<tr>
<!-- BEGIN inc -->
<td class="{catrow.cathead.inc.INC_CLASS}" width="46"><img src={SPACER}"
height="0" width="46" /></td>
<!-- END inc -->
<td class="{catrow.cathead.CLASS_CAT}" colspan="{catrow.cathead.INC_SPAN}" width="100%">
<h{catrow.cathead.LEVEL} class="hierarchy">
<span class="cattitle">
<a class="cattitle" title="{catrow.cathead.CAT_DESC}" href="{catrow.cathead.U_VIEWCAT}">{catrow.cathead.CAT_TITLE}</a>               
</span>
</h{catrow.cathead.LEVEL}>
</td>
<td class="{catrow.cathead.CLASS_ROWPIC}" colspan="3" align="right"> </td>
</tr>
<!-- END cathead -->
<!-- BEGIN forumrow -->
<tr>
<!-- BEGIN inc -->
<td class="{catrow.forumrow.inc.INC_CLASS}" width="46"><img src="{SPACER}" height="0" width="46" alt="." /></td>
<!-- END inc -->
  <td class="{catrow.forumrow.INC_CLASS}" align="center" valign="middle">     
      </td>                                                                                                                       
<td class="row1 over" colspan="{catrow.forumrow.INC_SPAN}" valign="top" width="100%" height="50">
<h{catrow.forumrow.LEVEL} class="hierarchy">                                       
<span class="forumlink">
<a class="forumlink" href="{catrow.forumrow.U_VIEWFORUM}">{catrow.forumrow.FORUM_NAME}</a><br />

</span>
</h{catrow.forumrow.LEVEL}>
<span class="genmed">{catrow.forumrow.FORUM_DESC}</span>
<span class="gensmall">
<!-- BEGIN switch_moderators_links -->
{catrow.forumrow.switch_moderators_links.L_MODERATOR}{catrow.forumrow.switch_moderators_links.MODERATORS}
<!-- END switch_moderators_links -->
{catrow.forumrow.L_LINKS}{catrow.forumrow.LINKS}
</span>
</td>

<td class="row3 over" align="center" valign="middle" height="50">
<span class="gensmall"></span>
<center><img title="{catrow.forumrow.L_FORUM_FOLDER_ALT}"
src="{catrow.forumrow.FORUM_FOLDER_IMG}" alt="{catrow.forumrow.L_FORUM_FOLDER_ALT}" /></center><br />
<span class="gensmall">{catrow.forumrow.LAST_POST}</span>

</td>
</tr>
<!-- END forumrow -->
<!-- BEGIN catfoot -->
<tr>
<!-- BEGIN inc -->
<td class="{catrow.catfoot.inc.INC_CLASS}" width="46"><img src="{SPACER}" height="0" width="46" /></td>
<!-- END inc -->
<td class="spaceRow" colspan="{catrow.catfoot.INC_SPAN}" height="1"><img src="{SPACER}" alt="" height="1" width="1" /></td>
</tr>
<!-- END catfoot -->
<!-- BEGIN tablefoot -->
</table><img src="{SPACER}" alt="" height="5" width="1" /><!-- END tablefoot --><!-- END catrow -->

Sinon, sur mon forum, j'obtiens exactement ce que vous avez demandé, c'est à dire l'image "Légende des statuts des messages" (New, Lock) au dessus du dernier message "papiers à signer...".

Essayez de faire plusieurs appuis simultanés sur CTRL+F5.

Cordialement

[Belondon]

Ça ne marche toujours pas.. =/
Pourtant j'ai validé mon template, je ne sais pas pourquoi ça marche pas ..

Spoiler:

[Scipion]

L'espace entre le titre et la description s'est-il rétabli comme sur votre première capture ?

Cordialement

[Belondon]

Oui cela s'est rétabli, mais ça n'a pas changé pour mon problème n°1 :/

[Scipion]

Donnez-moi à nouveau le contenu de votre template modifié index_box, celui qui est censé apparaître dans votre premier post et que je n'arrive pas à lire. Cela me permettra de tout reprendre depuis le début.

Cordialement

[Belondon]

Mon template du début?
Merci beaucoup encore une fois!

Le voici :

Spoiler:

[Belondon]

Up

[Belondon]

Up

[Invité]

Bonjour,

Dans votre template, pour obtenir le résultat souhaité, il faut déplacer des variables. A vous de voir laquelle vous déplacez dans la case de l'autre .

La gestion de icones c'est ceci: <img title="{catrow.forumrow.L_FORUM_FOLDER_ALT}" src="{catrow.forumrow.FORUM_FOLDER_IMG}" alt="{catrow.forumrow.L_FORUM_FOLDER_ALT}" />

Le dernier message c'est ceci: <span class="gensmall">{catrow.forumrow.LAST_POST}</span>

Ces éléments sont chacun dans une cellule de tableau, entre <td> et </td>. Donc sélectionnez l'élément à déplacer, coupez et collez-le à l'endroit où vous voulez qu'il soit, c'est à dire dans la cellule correspondant. Pour faire un retour à la ligne, on ajoute <br /> après les variables.

Cordialement.

[Belondon]

Je suis vraiment désolé, je vous remercie de votre aide, mais je ne comprends pas vraiment ce que vous voulez dire :S

[Invité]

Bonjour,

Prenons votre template:

Code:

<table width="100%" border="0" cellspacing="1" cellpadding="0" align="center">
<tr>
<td valign="bottom">
<!-- BEGIN switch_user_logged_in -->
<span class="gensmall">{LAST_VISIT_DATE}<br />
{CURRENT_TIME}<br />
</span>
<!-- END switch_user_logged_in -->
<div class="nav"><a class="nav" href="{U_INDEX}">{L_INDEX}</a>{NAV_CAT_DESC}</div>
</td>
<td class="gensmall" align="right" valign="bottom">
<!-- BEGIN switch_user_logged_in -->
<a class="gensmall" href="{U_SEARCH_NEW}">{L_SEARCH_NEW}</a><br />
<a class="gensmall" href="{U_SEARCH_SELF}">{L_SEARCH_SELF}</a><br />
<!-- END switch_user_logged_in -->
<a class="gensmall" href="{U_SEARCH_UNANSWERED}">{L_SEARCH_UNANSWERED}</a>
</td>
</tr>
</table>
<!-- BEGIN catrow --><!-- BEGIN tablehead --><table class="forumline" width="100%" border="0" cellspacing="1" cellpadding="0">
<tr>
<th colspan="{catrow.tablehead.INC_SPAN}" nowrap="nowrap" width="100%" class="secondarytitle"> {catrow.tablehead.L_FORUM} </th>

<th nowrap="nowrap" width="150"><div style="width:150px;"></div></th>
</tr>
<!-- END tablehead -->
<!-- BEGIN cathead -->
<tr>
<!-- BEGIN inc -->
<td class="{catrow.cathead.inc.INC_CLASS}" width="46"><img src="{SPACER}" height="0" width="46" /></td>
<!-- END inc -->
<td class="{catrow.cathead.CLASS_CAT}" colspan="{catrow.cathead.INC_SPAN}" width="100%">
<h{catrow.cathead.LEVEL} class="hierarchy">
<span class="cattitle">
<a class="cattitle" title="{catrow.cathead.CAT_DESC}" href="{catrow.cathead.U_VIEWCAT}">{catrow.cathead.CAT_TITLE}</a>
</span>
</h{catrow.cathead.LEVEL}>
</td>
<td class="{catrow.cathead.CLASS_ROWPIC}" colspan="3" align="right"> </td>
</tr>
<!-- END cathead -->
<!-- BEGIN forumrow -->
<tr>
<!-- BEGIN inc -->
<td class="{catrow.forumrow.inc.INC_CLASS}" width="46"><img src="{SPACER}" height="0" width="46" alt="." /></td>
<!-- END inc -->
<td class="{catrow.forumrow.INC_CLASS}" align="center" valign="middle">
<img title="{catrow.forumrow.L_FORUM_FOLDER_ALT}" src="{catrow.forumrow.FORUM_FOLDER_IMG}" alt="{catrow.forumrow.L_FORUM_FOLDER_ALT}" />
</td>
<td class="row1 over" colspan="{catrow.forumrow.INC_SPAN}" valign="top" width="100%" height="50">
<h{catrow.forumrow.LEVEL} class="hierarchy">
<span class="forumlink">
<a class="forumlink" href="{catrow.forumrow.U_VIEWFORUM}">{catrow.forumrow.FORUM_NAME}</a><br />
</span>
</h{catrow.forumrow.LEVEL}>
<span class="genmed">{catrow.forumrow.FORUM_DESC}</span>
<span class="gensmall">
<!-- BEGIN switch_moderators_links -->
{catrow.forumrow.switch_moderators_links.L_MODERATOR}{catrow.forumrow.switch_moderators_links.MODERATORS}
<!-- END switch_moderators_links -->
{catrow.forumrow.L_LINKS}{catrow.forumrow.LINKS}
</span>
</td>

<td class="row3 over" align="center" valign="middle" height="50">
<span class="gensmall"></span><br />
<span class="gensmall">{catrow.forumrow.LAST_POST}</span>
</td>
</tr>
<!-- END forumrow -->
<!-- BEGIN catfoot -->
<tr>
<!-- BEGIN inc -->
<td class="{catrow.catfoot.inc.INC_CLASS}" width="46"><img src="{SPACER}" height="0" width="46" /></td>
<!-- END inc -->
<td class="spaceRow" colspan="{catrow.catfoot.INC_SPAN}" height="1"><img src="{SPACER}" alt="" height="1" width="1" /></td>
</tr>
<!-- END catfoot -->
<!-- BEGIN tablefoot -->
</table><img src="{SPACER}" alt="" height="5" width="1" /><!-- END tablefoot --><!-- END catrow -->

Nous n'avons pas besoin de tout modifier dedans. La seule partie qui nous intéresse est celle-ci:

<td class="{catrow.forumrow.INC_CLASS}" align="center" valign="middle">
<img title="{catrow.forumrow.L_FORUM_FOLDER_ALT}" src="{catrow.forumrow.FORUM_FOLDER_IMG}" alt="{catrow.forumrow.L_FORUM_FOLDER_ALT}" />
</td>
<td class="row1 over" colspan="{catrow.forumrow.INC_SPAN}" valign="top" width="100%" height="50">
<h{catrow.forumrow.LEVEL} class="hierarchy">
<span class="forumlink">
<a class="forumlink" href="{catrow.forumrow.U_VIEWFORUM}">{catrow.forumrow.FORUM_NAME}</a><br />
</span>
</h{catrow.forumrow.LEVEL}>
<span class="genmed">{catrow.forumrow.FORUM_DESC}</span>
<span class="gensmall">
<!-- BEGIN switch_moderators_links -->
{catrow.forumrow.switch_moderators_links.L_MODERATOR}{catrow.forumrow.switch_moderators_links.MODERATORS}
<!-- END switch_moderators_links -->
{catrow.forumrow.L_LINKS}{catrow.forumrow.LINKS}
</span>
</td>

<td class="row3 over" align="center" valign="middle" height="50">
<span class="gensmall"></span><br />
<span class="gensmall">{catrow.forumrow.LAST_POST}</span>
</td>

En rouge, ce sont les délimitations des cases de votre forum.
En violet foncé, c'est le code qui correspond à l'affichage des icones "old, new lock".
En violet, c'est l'affichage du dernier message.

Le principe est simple: copiez et coupez la partie que vous voulez déplacer, et collez là où vous voulez la voir. Il faut juste que vous colliez le morceau coupé entre un <td ... et un </td> déjà existant, sinon il ne sera pas bien placé.

Concrètement, si vous voulez mettre les icones au dessus des derniers messages à droite, vous coupez le code en violet foncé et vous le collez juste avant le violet ( ajoutez un <br /> entre les deux, pour faire un retour à la ligne). Si vous voulez le dernier message en dessous des icones à gauche, alors coupez le code violet et collez le juste après le code violet foncé, sans oublier de mettre <br /> entre les deux.

Cordialement.

[Belondon]

J'ai tout suivis, je vous laisse mon template, et mon exemple, ça ne marche toujours pas.. pourtant j'ai recommencé une dizaine de fois, sans succès.. Peut être que des codes que j'avais mis avant ont bloqués cette action, enfin j'en sais rien .. =/

Mon template index_box

Spoiler:

Et mon exemple de ce que ça fait :

Spoiler:

[Invité]

Bonjour,

Le template modifié fonctionne très bien . Avez-vous des images pour vos catégories et forums dans Panneau d'Admin > Affichage > gestion des images en mode avancé> icones de forums?

Cordialement.

[Belondon]

Non je n'ai rien, j'avais tout masqué.
Par contre, dans "Général", "Catégories et Forums'' j'ai mis des images à la place des titres : <center><img src="https://i.servimg.com/u/f41/15/91/76/79/vrai110.png"> Enfin pour le titre de catégorie. Ce n'est pas ça qui fait que ça ne fonctionne pas ?

[Invité]

Je crois que je n'ai pas compris correctement en fait . La manipulation que je vous ai proposé, place des icônes de forums au dessus du dernier message sur l'index. Donc les images nouveau message, pas de nouveau message et verrouillé. Pour qu'elles apparaissent il faut qu'il y ait une image dans la gestion des images.
Puisque vous avez masqué ces images, j'en conclu qu'on ne parle pas du même "new/lock" ^^. Vous auriez l'adresse d'un forum pour me montrer un exemple de ce que vous voulez, ça m'aidera à comprendre.

Cordialement.

[Belondon]

Ah mais oui, je suis vraiment débile! Je n'avais pas fais le rapprochement, oui oui c'est bien cela que je veux, je suis désolé, je n'avais pas du tout fait le rapprochement... olalalah je passe pour une idiote, je vais mettre des images et je regarde si ça marche, veuillez m'excusez :$


EDIT : Voilà ce que ça donne :

Spoiler:

Donc c'est super, c'est ce que je veux, mais le problème c'est que le texte n'est pas bien aligné en dessous de l'image, comment faut-il faire?
Je vous remercie beaucoup de votre patience, c'est vraiment génial! Après je ne vous embête plus!

[Invité]

Bonjour,

Les sauts de ligne sont des balises auto-fermante, donc en fait on ne rédige pas "<br> le code </br>"' mais on met uniquement <br /> à la fin du code ^^ . Ce qui donne pour vous:

<img title="{catrow.forumrow.L_FORUM_FOLDER_ALT}"
src="{catrow.forumrow.FORUM_FOLDER_IMG}"
alt="{catrow.forumrow.L_FORUM_FOLDER_ALT}" />< br />
<span class="gensmall">{catrow.forumrow.LAST_POST}</span>

Vous pouvez en ajouter plusieurs à la suite pour creer un espace entre votre image et le texte.

Cordialement.

[Belondon]

Merci beaucoup Isolde, c'est vraiment gentil à toi, problème désormais terminé, merci pour vos aides! Vive le forum d'aide!

Problème terminé !