[MODERNBB] Afficher une réponse automatique style staff

Fondateur

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é :

[MODERNBB] Afficher une réponse automatique style staff 139

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="">

<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="">

<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é');
   };
   }

   });

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

[MODERNBB] Afficher une réponse automatique style staff 218

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>

Milouzien

Merci beaucoup !

Milouzien

Merci beaucoup !

Milouzien

Merci beaucoup !

Milouzien

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 ? )

Fondateur

Hello Rani,

J'ai supprimé le script pascontentGrrrrrr

-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

Milouzien

Merci beaucoup !

Milouzien

Merci beaucoup !

Milouzien

Merci beaucoup !

Milouzien

Merci beaucoup

Invité

Merci beaucoup

» [EDGE] Afficher une réponse automatique style staff
» [MODERNBB] Afficher le fil d'Ariane en bas de page
» [MODERNBB] Afficher une navigation rapide sur les messages
» [MODERNBB] Intégrer des boutons en relation avec le profil du membre style barre de contact
» [MODERNBB]Mettre en résolu via la réponse rapide