Affichage d'un message privé [modernbb]

[risa]

Détails techniques

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

Voir l'image:

Personnes concernées par le problème : Tous les utilisateurs
Problème apparu depuis : Depuis le début
Lien du forum : https://bl-school-rpg.forumactif.com

Description du problème

Bonjour,

Je rencontre un petit souci concernant l'affichage des messages privés sur mon forum.
Ils se présentent comme sur la capture d'écran jointe et j'aimerai pouvoir faire en sorte que le texte ne déborde pas du cadre vers la gauche, pour que ça ressemble à ça: https://i.goopics.net/ygLKO.png

Quelqu'un saurait m'indiquer la marche à suivre ? S'il faut modifier un template ou agir directement sur le CSS, voire les deux ?

Je n'ai pas touché au template des messages privés, seulement à la revue , mais le voici tout de même:

Code:

<ul id="privmsgs-menu">
   <li><i class="ion-archive"></i>{INBOX}<div class="active"></div></li>
   <li><i class="ion-paper-airplane"></i>{SENTBOX}<div class="active"></div></li>
   <li><i class="ion-share"></i>{OUTBOX}<div class="active"></div></li>
   <li><i class="ion-bookmark"></i>{SAVEBOX}<div class="active"></div></li>
</ul>

<!-- BEGIN switch_post_reply -->
<div class="pm-actions">
   <a href="{POST_PM_URL}" class="ion-ios-compose-outline button-round"></a>
</div>
<!-- END switch_post_reply -->

<div class="clear"></div>

<form action="{S_PRIVMSGS_ACTION}" method="post">

<h1 class="page-title">{BOX_NAME} :: {L_MESSAGE}</h1>
<div class="post row2">
   <div class="postprofile">
   <dl>
      <dt>
         <div class="postprofile-avatar">{AVATAR_FROM}</div>
         <div class="postprofile-name">{MESSAGE_FROM}</div>
      </dt>
      <dd class="postprofile-contact">
         <!-- BEGIN switch_user_contact -->
         {PROFILE_IMG} {PM_IMG} {EMAIL_IMG} {WWW_IMG} {AIM_IMG} {YIM_IMG} {MSN_IMG} {SKYPE_IMG}
         <!-- END switch_user_contact -->
      </dd>
   </dl>
   </div>
   <div class="postbody">
      <div class="h3">{POST_SUBJECT}</div>
      <ul class="profile-icons">
         <!-- BEGIN switch_quote -->
         <li>{QUOTE_PM_IMG}</li>
         <!-- END switch_quote -->
         <li>{EDIT_PM_IMG}</li>
      </ul>
      <p class="author">{L_FROM} {MESSAGE_FROM} {L_TO} {MESSAGE_TO}, {POST_DATE}</p>
      <div class="content">
         {MESSAGE}
      </div>
   </div>
</div>
<fieldset class="submit-buttons">
   {S_HIDDEN_FIELDS}
   <!-- BEGIN switch_save -->
   <input class="button2" type="submit" name="save" value="{L_SAVE_MSG}" />&nbsp;&nbsp;
   <!-- END switch_save -->
   <!-- BEGIN switch_move_profile -->
   <input class="button2" type="submit" name="moveprofile" value="{L_MOVE_PROFILE}" />&nbsp;&nbsp;
   <!-- END switch_move_profile -->
   <input class="button2" type="submit" name="delete" value="{L_DELETE_MSG}" />
</fieldset>

<!-- BEGIN switch_post_reply -->
<div class="topic-actions">
   <div class="buttons">
      <div class="post-icon">{REPLY_PM_IMG}</div>
   </div>
</div>
<div class="clear"></div>
<!-- END switch_post_reply -->

</form>

<!-- BEGIN switch_review_box -->
{TOPIC_REVIEW_BOX}
<!-- END switch_review_box -->

{JUMPBOX}

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

Et pour le CSS, j'ai seulement ajouté ces codes:

Code:

.postprofile {   
color: #2e2e2e;   
display: block;   
float: left; 
font-size: 12px;   
padding: 15px;   
position: relative;   
width: 225px;   
word-wrap: break-word;
text-align: center !important;
height: 100% !important;
}

.postprofile-avatar img {
    border-radius: 0!important;
    width: 200px;
    height: 400px;
  display:inline-block;
}


td.avatar-mini img {
    background-color: #FFF;
    border-color: #FFF;
    border-radius: 0px;
    border-style: solid;
    border-width: 2px;
    box-shadow: 0 1px 1px rgba(0,0,0,0.3), 0 0 1px rgba(0,0,0,0.3);
    height: 80px;
    margin-right: 6px;
    vertical-align: middle;
    width: 40px;
  background-size: cover; /* couvre le conteneur */
 
}

Merci d'avance, bon weekend.

[risa]

Bonjour, ma demande est toujours d'actualité, merci !

[Chacha]

Bonjour, Attention, cela fait 6 jours que nous n'avons pas de nouvelles concernant votre demande, si vous ne voulez pas voir votre sujet déplacé à la corbeille, merci de poster dans les 24h qui suivent ce message. Si votre sujet est résolu, merci d'éditer votre premier message et de cocher l'icône « résolu »

[Chacha]

Bonjour, Nous n'avons plus de nouvelle de l'auteur de ce sujet depuis plus de 7 jours. Nous considérons donc ce problème comme résolu ou abandonné. La prochaine fois, merci de nous tenir au courant de l'évolution de votre problème, ou pensez à faire un UP régulièrement ! Ce sujet est déplacé à la corbeille, merci d'ouvrir un nouveau sujet si nécessaire, en respectant les Règles générales du forum.