[MODERNBB] Afficher une réponse automatique style staff

Hello les ami(e)s,
voilà une astuce qui vous permettra sur un forum précis ou sur tous , de déposer
un message automatique identique à l'apparence d'un message traditionnel sauf que tout a été remodelé.

Attention toutefois, la réponse s'affichera seulement si il n'y a qu'un message au delà celle-ci ne s'affichera pas.




L'aperçu imagé :


Allez on y va !!!!

Vous aurez deux scripts les ami(e)s,
un qui sera prévu fonctionner seulement sur un forum et l'autre sur tous les forums.


Pour le script fonctionnant seulement sur un forum prècis

Modules/HTML JAVASCRIPT/Gestion des codes JavascriptCréer un nouveau javascript


Mettre un titre explicite.
Cochez sur les sujets.

Déposez ceci:

Code:


$(function() {
        if($('a.nav[href^="/f1-"]').length) {
        var u=$('div[id^="p"].post').length;
        if(u==1)
        {
            var p = {
            post: $('div[id^="p"].post')[0],
            auteur: $('.postprofile-name:first a[href^="/u"]').html(),
            link: $('.postprofile-name:first a[href^="/u"]').attr('href'),
            sujet: $('h1.page-title').text(),
            annonce: "Réponse automatique",
            staff: "Message envoyé par le staff de ce forum.",
            avatar: 'https://i58.servimg.com/u/f58/11/26/21/37/racing11.png',
            contenu: "votre sujet est en cours d'analyse....."
            };
            $(p.post).after('<div id="" class="post row2 online post" style="">
<div style="position: relative; top: -30px; width: 1px;" id=""></div>
<div class="postprofile" id="">
<!-- div class="online2"></div-->
<dl><dt>
<div class="postprofile-avatar">
  <center><img class="M14_Avatar"src='+p.avatar+'>  </center><br />
</div>
<div class="postprofile-name">  
<center><span class="name">'+p.annonce+'</span></center><br /></div>

</dt><dd class="postprofile-info"></dd></dl></div><div class="post-head">
                            <h2 class="topic-title">Titre du sujet: '+p.sujet+'</h2>
</div><div class="postbody"><div class="content"><div><div id="M14_postbody"class="content clearfix">Hello <a class="M14_Auteur"href='+p.link+'>'+p.auteur+'</a>,<br/>
        '+p.contenu+'<br />
        '+p.staff+'<div></div></div></div></div>');
        if($('.postprofile-name:first:contains("Invité")').length)
              {$('a.M14_Auteur').removeAttr('href').text('Invité');
              };
          }
        };
            });


Pensez a cliquer sur le bouton Valider


Il faudra changer ici le f1- par le forum concerné:

Code:

if($('a.nav[href^="/f1-"]').length) {

Pour afficher sur tous les forums:
Le script et le suivant:

Code:


$(function() {
    
        var u=$('div[id^="p"].post').length;
        if(u==1)
        {
            var p = {
            post: $('div[id^="p"].post')[0],
            auteur: $('.postprofile-name:first a[href^="/u"]').html(),
            link: $('.postprofile-name:first a[href^="/u"]').attr('href'),
            sujet: $('h1.page-title').text(),
            annonce: "Réponse automatique",
            staff: "Message envoyé par le staff de ce forum.",
            avatar: 'https://i58.servimg.com/u/f58/11/26/21/37/racing11.png',
            contenu: "votre sujet est en cours d'analyse....."
            };
            $(p.post).after('<div id="" class="post row2 online post" style="">
<div style="position: relative; top: -30px; width: 1px;" id=""></div>
<div class="postprofile" id="">
<!-- div class="online2"></div-->
<dl><dt>
<div class="postprofile-avatar">
  <center><img class="M14_Avatar"src='+p.avatar+'>  </center><br />
</div>
<div class="postprofile-name">  
<center><span class="name">'+p.annonce+'</span></center><br /></div>

</dt><dd class="postprofile-info"></dd></dl></div><div class="post-head">
                            <h2 class="topic-title">Titre du sujet:&nbsp;'+p.sujet+'</h2>
</div><div class="postbody"><div class="content"><div><div id="M14_postbody"class="content clearfix">Hello <a class="M14_Auteur"href='+p.link+'>'+p.auteur+'</a>,<br/>
        '+p.contenu+'<br />
        '+p.staff+'<div></div></div></div></div>');
        if($('.postprofile-name:first:contains("Invité")').length)
              {$('a.M14_Auteur').removeAttr('href').text('Invité');
              };
          }
        
            });


La c.s.s personnalisée:

Dans la feuille de style:
Affichage/Images et Couleurs/Couleurs/Feuille de style

Déposez ceci:

Code:


/*Auteur du sujet*/
a.M14_Auteur
{
margin-left:5px;
text-decoration:none !important;  
}
/*Avatar*/
img.M14_Avatar
{
max-width:100px;
max-height:100px;
}
/*Le corps du message*/
#M14_postbody
{
font-style:italic;
font-size:13px;
color:green;
}


Pensez à valider les modifications en cliquant sur le bouton Valider

Dans le script vous pouvez changer les textes et l'image de l'avatar ici:

Code:


annonce: "Réponse automatique",
staff: "Message envoyé par le staff de ce forum.",
avatar: 'https://i58.servimg.com/u/f58/11/26/21/37/racing11.png',
contenu: "votre sujet est en cours d'analyse....."

Pour le "Hello "dans le corps de message vous pouvez le changer ici en changeant seulement ce mot:

Code:

Hello <a class="M14_Auteur"href='+p.link+'>'+p.auteur+'</a>

Merci beaucoup !

Merci beaucoup !

Merci beaucoup !

Salut milouze,
j'ai suivi le tutoriel pas à pas !
mais ça ne marche pas pour moi, il doit avoir un truc qui bloque !
pour le f1 ( je met seulement le f du forum ou carrément un lien du forum ? )

Hello Rani,

J'ai supprimé le script        

-Staff du Forum Milouze14- Ce forum n'a pas pour vocation d'apporter d'autre explication sur le tutoriel présent. Pour toute information merci de contacter un Membre du Staff

Merci beaucoup !

Merci beaucoup !

Merci beaucoup !

Merci beaucoup

Merci beaucoup