Image "répondre à un message privé" différente dans modernbb?

[Feu Ardent]

Détails techniques

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

Voir l'image:

Personnes concernées par le problème : Tous les utilisateurs
Lien du forum :

Description du problème

Bonjour bonjour

J'avais juste une petite question par rapport au thème modernbb: en effet, tous les boutons peuvent être codées en CSS (envoyer un MP, nouveau sujet, répondre au sujet, etc ...) sauf le bouton "répondre à un message privé". Je voulais savoir pourquoi ce bouton était exclu de la liste des boutons codés et s'il y avait une façon de l'harmoniser avec le reste d'un codage (peut être en ayant une astuce pour avoir une URL de redirection qui permet de répondre directement à un message en cliquant dessus )?

Merci d'avance pour votre aide et bonne soirée à vous

FA

[Walt]

Bonsoir,

La réponse pour parvenir à ce résultat avait été fournie dans le sujet suivant il y a quelques mois :
https://forum.forumactif.com/t392063-modernbb-bouton-repondre-dans-le-module-mp#3288345

Cordialement,
Walt

[Feu Ardent]

Bonjour @"Walt" et merci pour la réponse rapide !

J'ai testé la méthode donnée et le code fonctionne. Cela dit je semble avoir un soucis avec l'URL de redirection du bouton, qui malgré toutes les étapes suivies, me donne un "&mode=read&p={numéro}", au lieu de "&mode=reply". Du coup je ne comprends pas trop ce qui n'a pas fonctionné dans le code ?

Voici le template, au cas où

Code:

<style>#tabs ul a span {
    padding: 0 7px!important;
}
 
  p.author{width: 95%!important;}
 
  .button + .button-round, .button + .button1, .button + .button2, .button1 + .button-round, .button1 + .button1, .button1 + .button2, .button2 + .button-round, .button2 + .button1, .button2 + .button2, input[type="submit"] + .button-round, input[type="submit"] + .button1, input[type="submit"] + .button2 {
    margin-left: 2px!important;
}
 
 
  .post{border-top: 1px solid rgba(0,0,0,0.1)!important;}
 
  #tabs{line-height: 21px!important;}
 
  #tabs ul li {
    display: inline-block;
    font-size: 1.3rem;
    font-weight: 400;
    margin: 0;
    padding: 0;
}
  .profile-icons a, .profile-icons span{    height: 25px!important;
    padding: 3px 9px!important; border: 0px solid black!important; background: #d9dcdf!important;}
 
 
  .profile-icons a:hover, .profile-icons span:hover{opacity: 0.7;}
 
  .profile-icons a img, .profile-icons span img{margin-top: -2px!important;}
 
 
  .postprofile{margin-top: 5px!important;}
 
.button + .button-round, .button + .button1, .button + .button2, .button1 + .button-round, .button1 + .button1, .button1 + .button2, .button2 + .button-round, .button2 + .button1, .button2 + .button2, input[type="submit"] + .button-round, input[type="submit"] + .button1, input[type="submit"] + .button2 {
    margin-left: 9px;
}
 
  #tabs ul {
    list-style: none;
    margin: 0;
    padding: 0;
}
 
 
 
  .pm-actions a.ion-ios-compose:hover{
    background: #e1a95e!important;
    color: #593F20!important;}
 
  .pm-actions a.ion-ios-compose{
    background: #593F20;
    box-shadow: 0 0 0 #000;
    color: #e1a95e!important;
    font-family: 'Old Standard TT';
    letter-spacing: -.5px;
    padding: 10px 10px 8px 10px;
    font-size: 12px;
    text-transform: uppercase;
    border-radius: 3px;
    top: 7px;
    position: relative;}
 

  a.ion-ios-compose:before {
    font-size: 1.8rem!important;
    margin-right: 7px!important;
    vertical-align: -2px!important;
}
 
 
#tabs ul .activetab a {
    border-color: #;
}
 
 
#tabs ul li{
    border-color: rgba(0,0,0,0.1);
    border-style: solid;
    border-width: 0 0 1px;
    cursor: pointer;
    float: left;
    margin: 0;
    padding: 7px;
    text-decoration: none;
}
 
 
  #tabs ul a {
    border: 0px solid transparent!important;
  }
 
  #tabs ul a{color: #593f20!important;}
 
 li.activetab,  #tabs ul a:hover{opacity: 0.7; color: #593f20!important;}
 
 
</style>





<div id="tabs"><ul><li class="activetab">{INBOX}</li><li>{SENTBOX}</li><li>{OUTBOX}</li><li>{SAVEBOX}</li></ul>



<div class="pm-actions">
   <a href="/privmsg?mode=post"  class="ion-ios-compose">ENVOYER UN NOUVEAU MESSAGE PRIVÉ</a>
</div>
</div>

<div style="height: 25px;"></div>


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

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

<h1 class="page-title">{BOX_NAME} :: {L_MESSAGE}</h1>
 
 
<div style="height: 25px;"></div>
 
 
<div class="post row2">
   <div class="postprofile">
   <dl>
      <dt>
         <div class="postprofile-avatar">{AVATAR_FROM}</div>
         <div class="postprofile-name">{MESSAGE_FROM}</div>
      </dt>

   </dl>
   </div>
   <div class="postbody">
      <div class="h3">{POST_SUBJECT}
      <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>
                 
      <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}" />

    <!-- BEGIN switch_post_reply -->
    <a class="button2 PMreply" href="">Répondre</a>
    <!-- END switch_post_reply -->


   
 
</fieldset>


 
 
 

</form>

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

{JUMPBOX}

<script type="text/javascript">
//<![CDATA[
  $('.PMreply').attr('href', $('.post-icon a').attr('href'));
//]]>
</script>

<!-- 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 -->

Merci d'avance pour votre aide et bonne journée,

FA

[Walt]

Cela dit je semble avoir un soucis avec l'URL de redirection du bouton, qui malgré toutes les étapes suivies, me donne un "&mode=read&p={numéro}", au lieu de "&mode=reply".

Et pourquoi y voyez-vous un problème ? C'est le fonctionnement attendu...

Cordialement,
Walt

[Feu Ardent]

Je pense m'être mal expliqué en fait le bouton "répondre" ne redirige maintenant plus vers la page qui permet de répondre à un message privé, mais réactualise simplement la page de lecture, donc du coup le bouton ne permet plus de répondre au message privé

FA

[Walt]

Votre template ne reflète pas les modifications que je préconisais dans mon autre message, il manque certains extraits essentiels, d'où ce problème. Je viens de refaire le test en réinstallant les modifications que j'expliquais, et je parviens bien au résultat attendu. Mais je pars du template par défaut.

Cordialement,
Walt

[Feu Ardent]

@Walt

Merci beaucoup pour la clarification, effectivement, cela marche à présent !

Bonne journée et merci encore,

FA