[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.

-Astuce des Forums Milouze14&Compagnie- Astuce postée par: Réponse automatique: Merci de cliquer ici pour voir le message Pour toute information,merci de contacter un Membre du Staff

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>

Voilà,c'est tout pour le moment.
Un soucis?
Direction l'entraide 
https://www.milouze14.com/f108-entraide-tous-supports

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