Lecture d'un message privé

[lovebug]

Détails techniques

Version du forum : phpBB2
Poste occupé : Fondateur
Navigateur(s) concerné(s) : Mozilla Firefox, Google Chrome, Safari
Capture d'écran du problème :

Voir l'image:

Personnes concernées par le problème : Tous les utilisateurs
Lien du forum : http://www.i-love-harvard.com/

Description du problème

Bonsoir tout le monde,

Je viens vers vous ce soir pour m'aider à résoudre un problème qui est apparu récemment sur mon forum et que je n'arrive pas à régler. Comme vous pouvez le voir sur la capture d'écran jointe, lors de la lecture d'un message, celui-ci est totalement déformé et dépasse la largueur du forum. Lorsque nous envoyons un message avec un code, cela ne le fait pas (ex : https://i.imgur.com/YK4aRFl.png) mais lorsque le message est simplement écrit, ça se déforme et je ne comprends pas la raison..

Aussi, je viens de mettre en place la pagination dans les mps et le fait d'avoir un petit icon lorsqu'un mp a été répondu, savez-vous s'il est possible de changer l'icon en question ? Je parle de celui-ci : https://i.imgur.com/1lwv1cd.png

Merci beaucoup pour votre aide !

[Oka.mi]

Bonjour,

Pouvez-vous partager le template privmsgs_read_body ?

Aussi, je viens de mettre en place la pagination dans les mps et le fait d'avoir un petit icon lorsqu'un mp a été répondu, savez-vous s'il est possible de changer l'icon en question ? Je parle de celui-ci : https://i.imgur.com/1lwv1cd.png

Afin de faciliter la recherche de sujets pour les autres utilisateurs qui auraient besoin de la solution, je vous conseille d'ouvrir un nouveau sujet pour cette question.

[lovebug]

@"Oka.mi" Pas de soucis, je vais ouvrir un autre sujet !
Voici le template :

Code:

   <table border="0" cellspacing="2" cellpadding="0" align="center">
       <tr>
          <td valign="middle">{INBOX_IMG}</td>
          <td valign="middle"><span class="cattitle">{INBOX}  </span></td>
          <td valign="middle">{SENTBOX_IMG}</td>
          <td valign="middle"><span class="cattitle">{SENTBOX}  </span></td>
          <td valign="middle">{OUTBOX_IMG}</td>
          <td valign="middle"><span class="cattitle">{OUTBOX}  </span></td>
          <td valign="middle">{SAVEBOX_IMG}</td>
          <td valign="middle"><span class="cattitle">{SAVEBOX}</span></td>
       </tr>
    </table>
    <br clear="all" />
    <form action="{S_PRIVMSGS_ACTION}" method="post">
        <!-- BEGIN switch_post_reply -->
        <table width="100%" border="0" cellspacing="2" cellpadding="0">
            <tr>
                <td valign="middle">{REPLY_PM_IMG}</td>
                <td width="100%"></td>
            </tr>
        </table>
      <!-- END switch_post_reply -->
        <div class="head_block"><div class="big_title"><span class="text-gradiant">message privé</span></div></div>
        <table class="forumline" width="100%" border="0" cellspacing="2" cellpadding="0">

            <tr>
                <td valign="top" class="mp-message">
                  <table width="100%" valign="top">
                    <tr valign="top">
                      <td valign="top">{MESSAGE}</td>
                    </tr>
                  </table>
              </td>
              <td width="100" class="mp-aside" valign="top">
                  <div class="mp-avatar">{AVATAR_FROM}</div>
                  <div class="mp-infos">
                      <!-- BEGIN switch_quote -->
                      {QUOTE_PM_IMG}
                      <!-- END switch_quote -->
                      {EDIT_PM_IMG}<br/>
                      <span class="genmed">{L_FROM}:</span> <span class="genmed">{MESSAGE_FROM}</span><br/>
                      <span class="genmed">{L_TO}:</span> <span class="genmed">{MESSAGE_TO}</span><br/>
                      <span class="genmed">{POST_DATE}</span><br/>
                      <div style="width:140px"><span class="genmed">{POST_SUBJECT}</span></div>
                      <!-- BEGIN switch_user_contact -->
                        {PROFILE_IMG} {PM_IMG} {EMAIL_IMG} {WWW_IMG} {AIM_IMG} {YIM_IMG} {MSN_IMG} {SKYPE_IMG}
                      <!-- END switch_user_contact -->
                  </div>
              </td>
          </tr>
            <tr>
                <td colspan="4" align="right" height="28">
                    {S_HIDDEN_FIELDS}
                    <!-- BEGIN switch_save -->
                    <input class="liteoption" type="submit" name="save" value="{L_SAVE_MSG}" />  
                    <!-- END switch_save -->
                    <!-- BEGIN switch_move_profile -->
                    <input class="liteoption" type="submit" name="moveprofile" value="{L_MOVE_PROFILE}" /> &nbsp;
                    <!-- END switch_move_profile -->
                    <input class="liteoption" type="submit" name="delete" value="{L_DELETE_MSG}" />
                </td>
            </tr>
    </table><center><div class="head_block"></div></center>
        <table width="100%" border="0" cellspacing="2" cellpadding="0" align="center">
            <tr>
                <td>
                    <!-- BEGIN switch_post_reply -->
                    {REPLY_PM_IMG}
                    <!-- END switch_post_reply -->
                </td>
            </tr>
            <!-- BEGIN switch_review_box -->
            <tr>
                <td colspan="2">{TOPIC_REVIEW_BOX}</td>
            </tr>
            <!-- END switch_review_box -->
        </table>
    </form>
    <table width="100%" border="0" cellspacing="2" cellpadding="0" align="center">
       <tr>
          <td align="right" valign="top"><span class="gensmall">{JUMPBOX}</span></td>
       </tr>
    </table>

    <!-- BEGIN switch_image_resize -->
    <script type="text/javascript">
    //<![CDATA[
    $(resize_images({ 'selector' : '.postbody', 'max_width' : {switch_image_resize.IMG_RESIZE_WIDTH}, 'max_height' : {switch_image_resize.IMG_RESIZE_HEIGHT} }));
    //]]>
    </script>
    <!-- END switch_image_resize -->

Merci

[Oka.mi]

Alors je m'en doutais déjà un peu en examinant vos captures d'écran mais je pense avoir la confirmation du coup que le problème vient de votre séparateur de signature, dont l'image d'origine fait 800px. Sur l'affichage d'un message classique, vous avez un

Code:

.postbody img {
    max-width: 100%;
}

qui permet de redimensionner l'image afin qu'elle ne dépasse pas du cadre, mais dans votre template mp, le corps du message n'est pas géré par .postbody, mais .mp-message.

Du coup essayez avec un petit

Code:

.mp-message img {
    max-width: 100%;
}

ou en redimensionnant l'image d'origine.

[lovebug]

Génial, ça a marché !
Merci beaucoup pour votre aide