[PHPBB2] Afficher une réponse automatique style staff

Rappel du premier message :

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=$('tr[id^="p"]').length;
if(u==1)
{
    var p = {
    post: $('tr[id^="p"]')[0],
    auteur: $('span.name:first a[href^="/u"]').html(),
    link: $('span.name:first a[href^="/u"]').attr('href'),
    sujet: $('h1.cattitle').first().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).next().after('
    <tr class="post "style="">
<td class="row1" width="150" valign="top">
<center><span class="name">'+p.annonce+'</span></center>
<br><span class="postdetails poster-profile">
<center><img class="M14_Avatar"src='+p.avatar+'>  </center>          
</span><br><img src="https://2img.net/i/fa/empty.gif" alt="" style="width:150px;height:1px"></td>
<td class="row1" colspan="2" height="28" width="100%" valign="top"><table cellspacing="0" cellpadding="0" border="0" width="100%"><tbody>
<tr><td><span class="postdetails">'+p.sujet+'</span></td>
<td class="post-options" nowrap="nowrap" valign="top"></td></tr>
<tr><td colspan="2" class="hr"><hr></td></tr><tr><td colspan="2">
<div id="M14_postbody"class="postbody"><div>Hello <a class="M14_Auteur"href='+p.link+'>'+p.auteur+'</a>,<br/>
'+p.contenu+'<br />
'+p.staff+'</div><div class="clear"></div></div><span class="gensmall"></span></td></tr></tbody></table></td>
</tr>
<tr class="post" style=""><td class="row2 browse-arrows" align="center" width="150" valign="middle"><a href="#top"><img class="sprite-arrow_prosilver_up" src="https://2img.net/i/fa/empty.gif" alt="Revenir en haut"></a> <a href="#bottom"><img class="sprite-arrow_prosilver_down" src="https://2img.net/i/fa/empty.gif" alt="Aller en bas"></a></td><td class="row2 messaging gensmall" height="28" width="100%"><table cellspacing="0" cellpadding="0" border="0"><tbody><tr><td valign="middle">
</td></tr></tbody></table></td></tr>
    ');
if($('span.name: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=$('tr[id^="p"]').length;

if(u==1)
{
    var p = {
    post: $('tr[id^="p"]')[0],
    auteur: $('span.name:first a[href^="/u"]').html(),
    link: $('span.name:first a[href^="/u"]').attr('href'),
    sujet: $('h1.cattitle').first().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).next().after('
    <tr class="post "style="">
<td class="row1" width="150" valign="top">
<center><span class="name">'+p.annonce+'</span></center>
<br><span class="postdetails poster-profile">
<center><img class="M14_Avatar"src='+p.avatar+'>  </center>          
</span><br><img src="https://2img.net/i/fa/empty.gif" alt="" style="width:150px;height:1px"></td>
<td class="row1" colspan="2" height="28" width="100%" valign="top"><table cellspacing="0" cellpadding="0" border="0" width="100%"><tbody>
<tr><td><span class="postdetails">'+p.sujet+'</span></td>
<td class="post-options" nowrap="nowrap" valign="top"></td></tr>
<tr><td colspan="2" class="hr"><hr></td></tr><tr><td colspan="2">
<div id="M14_postbody"class="postbody"><div>Hello <a class="M14_Auteur"href='+p.link+'>'+p.auteur+'</a>,<br/>
'+p.contenu+'<br />
'+p.staff+'</div><div class="clear"></div></div><span class="gensmall"></span></td></tr></tbody></table></td>
</tr>
<tr class="post" style=""><td class="row2 browse-arrows" align="center" width="150" valign="middle"><a href="#top"><img class="sprite-arrow_prosilver_up" src="https://2img.net/i/fa/empty.gif" alt="Revenir en haut"></a>&nbsp;<a href="#bottom"><img class="sprite-arrow_prosilver_down" src="https://2img.net/i/fa/empty.gif" alt="Aller en bas"></a></td><td class="row2 messaging gensmall" height="28" width="100%"><table cellspacing="0" cellpadding="0" border="0"><tbody><tr><td valign="middle">
</td></tr></tbody></table></td></tr>
    ');
if($('span.name: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>

Bonjour et merci je l'ai installé mais comment faire si c'est possible d'encadrer ce message ! merci a vous !

Merci beaucoup !

Merci beaucoup !