ModernBB - Bouton répondre dans le module MP
3 participants
Forum gratuit : Le forum des forums actifs :: Entraide & Support... :: Gérer l'apparence de son forum :: Archives des problèmes avec l'apparence du forum
Page 1 sur 1 • Partagez
ModernBB - Bouton répondre dans le module MP
Détails techniques
Version du forum : ModernBBPoste occupé : Administrateur
Navigateur(s) concerné(s) : Mozilla Firefox
Personnes concernées par le problème : Tous les utilisateurs
Lien du forum : http://quadra-motards.forum-pro.fr/
Description du problème
BonjourDans les message privés, l'apparence du bouton "répondre" dénote par rapport au reste .
est t'il possible d'y remédier ?
merci
- capture:
Dernière édition par @stra le Ven 16 Juin 2017 - 0:09, édité 1 fois
Re: ModernBB - Bouton répondre dans le module MP
Bonjour,
Si vous utilisez le template privmsgs_read_body de base, en voici une modification :
Afin de customiser le bouton, ainsi que l'affichage du texte, vous pouvez modifier ce CSS :
En espérant que ça convienne. Si vous avez un template déjà modifié, je peux faire les ajustements si nécessaire.
Bonne continuation!
Si vous utilisez le template privmsgs_read_body de base, en voici une modification :
- 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}" />
<!-- END switch_save -->
<!-- BEGIN switch_move_profile -->
<input class="button2" type="submit" name="moveprofile" value="{L_MOVE_PROFILE}" />
<!-- END switch_move_profile -->
<input class="button2" type="submit" name="delete" value="{L_DELETE_MSG}" />
<!-- BEGIN switch_post_reply -->
<div class="button2" id="reply_mp">{REPLY_PM_IMG}</div>
<div class="clear"></div>
<!-- END switch_post_reply -->
</fieldset>
</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 -->
<script type="text/javascript">
$(function() {
$('#reply_mp > a').html('Répondre au message');
});
</script>
Afin de customiser le bouton, ainsi que l'affichage du texte, vous pouvez modifier ce CSS :
- Code:
/* Modifier le style du bouton */
#reply_mp {
/* A compléter, pour le différencier des deux autres boutons, sinon il héritera de la classe button2 */
}
/* Lien du bouton, Lien du bouton au survol */
#reply_mp > a, #reply_mp > a:hover {
color:#FFF;
}
En espérant que ça convienne. Si vous avez un template déjà modifié, je peux faire les ajustements si nécessaire.
Bonne continuation!
Re: ModernBB - Bouton répondre dans le module MP
merci
je teste ça dés mon retour de (grand) weekend
je teste ça dés mon retour de (grand) weekend
Re: ModernBB - Bouton répondre dans le module MP
Où en-est votre problème ?
|
Walt- Modéractif
-
Messages : 6082
Inscrit(e) le : 08/09/2015
Re: ModernBB - Bouton répondre dans le module MP
bonjour Mist
j'ai testé, mais le bouton "répondre" reste identique.
Je n'ai pas modifié ton CSS, mais je le maitrise mal, aurais-je du ?
merci de ton aide
j'ai testé, mais le bouton "répondre" reste identique.
Je n'ai pas modifié ton CSS, mais je le maitrise mal, aurais-je du ?
merci de ton aide
Re: ModernBB - Bouton répondre dans le module MP
coucou @Mist
Re: ModernBB - Bouton répondre dans le module MP
Bonjour,
Pour avoir en dessous du MP le même bouton de réponse qu'au dessus, repassez au template d'origine puis situez cet extrait (l. 58 et suivantes) :
et remplacez le par :
Vous passerez de cela :
à cela :
Cordialement,
Walt
Pour avoir en dessous du MP le même bouton de réponse qu'au dessus, repassez au template d'origine puis situez cet extrait (l. 58 et suivantes) :
- Code:
<!-- 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 -->
et remplacez le par :
- Code:
<!-- BEGIN switch_post_reply -->
<div class="pm-actions" style="margin:0;">
<a href="{POST_PM_URL}" class="ion-ios-compose-outline button-round"></a>
</div>
<div class="clear">
<!-- END switch_post_reply -->
Vous passerez de cela :
à cela :
Cordialement,
Walt
Walt- Modéractif
-
Messages : 6082
Inscrit(e) le : 08/09/2015
Re: ModernBB - Bouton répondre dans le module MP
Bonjour,
Dans ce cas, procédez comme suit.
1. Repartez du template privmsgs_read_body de base s'il est modifié, puis situez cet extrait :
Et ajoutez juste avant :
2. Situez cet extrait :
Et remplacez-le par :
3. Repérez cette ligne :
Et juste avant ajoutez :
Et vous obtiendrez :
Cordialement,
Walt
Dans ce cas, procédez comme suit.
1. Repartez du template privmsgs_read_body de base s'il est modifié, puis situez cet extrait :
- Code:
<!-- BEGIN switch_save -->
<input class="button2" type="submit" name="save" value="{L_SAVE_MSG}" />
<!-- END switch_save -->
Et ajoutez juste avant :
- Code:
<!-- BEGIN switch_post_reply -->
<a class="button2 PMreply" href="">Répondre</a>
<!-- END switch_post_reply -->
2. Situez cet extrait :
- Code:
<!-- 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 -->
Et remplacez-le par :
- Code:
<!-- BEGIN switch_post_reply -->
<div class="topic-actions" style="display:none;">
<div class="buttons">
<div class="post-icon">{REPLY_PM_IMG}</div>
</div>
</div>
<div class="clear"></div>
<!-- END switch_post_reply -->
3. Repérez cette ligne :
- Code:
<!-- BEGIN switch_image_resize -->
Et juste avant ajoutez :
- Code:
<script type="text/javascript">
//<![CDATA[
$('.PMreply').attr('href', $('.post-icon a').attr('href'));
//]]>
</script>
Et vous obtiendrez :
Cordialement,
Walt
Walt- Modéractif
-
Messages : 6082
Inscrit(e) le : 08/09/2015
Re: ModernBB - Bouton répondre dans le module MP
merci walt, mais malheureusement, après 2 tentatives, ça ne fonctionne pas.
je te met le template modifié, au cas ou....
merci de ton aide
je te met le template modifié, au cas ou....
- 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_post_reply -->
<div class="topic-actions" style="display:none;">
<div class="buttons">
<div class="post-icon">{REPLY_PM_IMG}</div>
</div>
</div>
<div class="clear"></div>
<!-- END switch_post_reply -->
<!-- BEGIN switch_save -->
<input class="button2" type="submit" name="save" value="{L_SAVE_MSG}" />
<!-- END switch_save -->
<!-- BEGIN switch_move_profile -->
<input class="button2" type="submit" name="moveprofile" value="{L_MOVE_PROFILE}" />
<!-- 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}
<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 de ton aide
Re: ModernBB - Bouton répondre dans le module MP
Vous vous êtes perdus dans mes explications, je pense : tout ce que j'ai indiqué est mélangé. Je vous suggère de reprendre le template de base, et de reprendre point par point chacune des modifications indiquées.
Cordialement,
Walt
Cordialement,
Walt
Walt- Modéractif
-
Messages : 6082
Inscrit(e) le : 08/09/2015
Re: ModernBB - Bouton répondre dans le module MP
bon, je viens de tout refaire ( c'est la 4eme fois) mais ça ne fonctionne toujours pas.
voici le template modifié en suivant vos instructions à la lettre.
voici le template modifié en suivant vos instructions à la lettre.
- 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_post_reply -->
<div class="topic-actions" style="display:none;">
<div class="buttons">
<div class="post-icon">{REPLY_PM_IMG}</div>
</div>
</div>
<div class="clear"></div>
<!-- END switch_post_reply -->
<!-- BEGIN switch_save -->
<input class="button2" type="submit" name="save" value="{L_SAVE_MSG}" />
<!-- END switch_save -->
<!-- BEGIN switch_move_profile -->
<input class="button2" type="submit" name="moveprofile" value="{L_MOVE_PROFILE}" />
<!-- 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}
<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 -->
Re: ModernBB - Bouton répondre dans le module MP
Walt a écrit:1. Repartez du template privmsgs_read_body de base s'il est modifié, puis situez cet extrait :
- Code:
<!-- BEGIN switch_save -->
<input class="button2" type="submit" name="save" value="{L_SAVE_MSG}" />
<!-- END switch_save -->
Et ajoutez juste avant :
- Code:
<!-- BEGIN switch_post_reply -->
<a class="button2 PMreply" href="">Répondre</a>
<!-- END switch_post_reply -->
Et je retrouve dans votre template ceci :
- Code:
<!-- BEGIN switch_post_reply -->
<div class="topic-actions" style="display:none;">
<div class="buttons">
<div class="post-icon">{REPLY_PM_IMG}</div>
</div>
</div>
<div class="clear"></div>
<!-- END switch_post_reply -->
<!-- BEGIN switch_save -->
<input class="button2" type="submit" name="save" value="{L_SAVE_MSG}" />
<!-- END switch_save -->
Walt a écrit:2. Situez cet extrait :
- Code:
<!-- 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 -->
Et remplacez-le par :
- Code:
<!-- BEGIN switch_post_reply -->
<div class="topic-actions" style="display:none;">
<div class="buttons">
<div class="post-icon">{REPLY_PM_IMG}</div>
</div>
</div>
<div class="clear"></div>
<!-- END switch_post_reply -->
Je retrouve dans votre template :
- Code:
<!-- 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 -->
Vous en conviendrez, ce ne sont pas les instructions données précédemment. Seule l'étape 3 a été correctement réalisée.
Cordialement,
Walt
Walt- Modéractif
-
Messages : 6082
Inscrit(e) le : 08/09/2015
Re: ModernBB - Bouton répondre dans le module MP
bon, je viens de le refaire pour la 5eme fois, et là, ça fonctionne... "va savoir Charles".
merci en tout cas et bonne fin de soirée.
je poste le code complet, éventuellement, ça facilitera les choses à celui qui aurait besoin de faire la même modification.
merci en tout cas et bonne fin de soirée.
je poste le code complet, éventuellement, ça facilitera les choses à celui qui aurait besoin de faire la même modification.
- 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_post_reply -->
<a class="button2 PMreply" href="">Répondre</a>
<!-- END switch_post_reply -->
<!-- BEGIN switch_save -->
<input class="button2" type="submit" name="save" value="{L_SAVE_MSG}" />
<!-- END switch_save -->
<!-- BEGIN switch_move_profile -->
<input class="button2" type="submit" name="moveprofile" value="{L_MOVE_PROFILE}" />
<!-- END switch_move_profile -->
<input class="button2" type="submit" name="delete" value="{L_DELETE_MSG}" />
</fieldset>
<!-- BEGIN switch_post_reply -->
<div class="topic-actions" style="display:none;">
<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}
<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 -->
Re: ModernBB - Bouton répondre dans le module MP
Je vous avoue avoir songé à vous donner le code complet mais je suis convaincu qu'il est bénéfique de s'obstiner à essayer d'y parvenir soi-même plutôt que faire un copier/coller global sans trop savoir ce qui a été modifié.
Je suis ravi que vous y soyez parvenu !
Cordialement,
Walt
Je suis ravi que vous y soyez parvenu !
Cordialement,
Walt
Walt- Modéractif
-
Messages : 6082
Inscrit(e) le : 08/09/2015
Re: ModernBB - Bouton répondre dans le module MP
il est vrai que le "tout cuit" va plus vite, mais est moins pédagogique.. après, j'ai peut être "merdouillé" dans la sauvegarde du template modifié, je me suis pourtant appliqué...
enfin, tout est bien qui fini bien , comme dirait l'autre .Encore merci
enfin, tout est bien qui fini bien , comme dirait l'autre .Encore merci
Sujets similaires
» Image "répondre à un message privé" différente dans modernbb?
» Bouton "répondre" dans la boîte MP
» Bouton insertion image dans répondre
» Absence de bouton "répondre", dans les messages privés ?
» Problème avec le bouton répondre dans les messages privés
» Bouton "répondre" dans la boîte MP
» Bouton insertion image dans répondre
» Absence de bouton "répondre", dans les messages privés ?
» Problème avec le bouton répondre dans les messages privés
Forum gratuit : Le forum des forums actifs :: Entraide & Support... :: Gérer l'apparence de son forum :: Archives des problèmes avec l'apparence du forum
Page 1 sur 1
Permission de ce forum:
Vous ne pouvez pas répondre aux sujets dans ce forum