[EDGE] 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é.


L'aperçu imagé :



Pour les messages des invités:


Allez on y va !!!!

Vous aurez trois scripts les ami(e)s:
Le premier sera affiché en permance sur tous les forums.
Le deuxième sera affiché mais dès qu'une autre réponse sera donné, le tag sera effaçé .
Le troisième sera affiché sur un forum précis,mais dès qu'une autre réponse sera donné, le tag sera effaçé .




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.


Premier script:


Déposez ceci:

Code:


$(function() {
 
    var p = {
    post: $('.post')[0],
    auteur: $('.author:first a[href^="/u"]').html(),
    link: $('.author:first a[href^="/u"]').attr('href'),
    date: $('.topic-title').first().html(),
    annonce: "Réponse automatique",
    avatar: 'https://i58.servimg.com/u/f58/11/26/21/37/racing11.png',
    contenu: "votre sujet est en cours d'analyse.....",
    staff: "Message envoyé par le staff de ce forum."
    
    };
    $(p.post).after('
<div id="M14_repAuto"class="content-block post row1 online" style="padding: 0px 0px 10px 0px;margin:0px 0px 0px 0px;height:300px;">
<div id="M14_noTitle"class="title"><h2 class="topic-title">'+p.date+'</h2>
<h2 class="topic-title"style="margin-left:40%;"><a>Réponse automatique</a> </h2>  </div>
<div class="postprofile"style="margin-left: 0px;">
<dl><dt>
<center><b>Réponse automatique</b></center><br />            
<img src='+p.avatar+'><br /></dt><br><dd>
<br />
</dd>
</dl></div>
<div class="postbody "style="width:80%;margin-left: 300px;top:-220px;height:220px;position: relative;">
<p class="author"><img src="https://2img.net/i/fa/responsive/icons/mini/bookmark.png"/>'+p.auteur+'</a></p>
<div class="content"><div>Hello <a class="M14_Auteur"href='+p.link+'>'+p.auteur+'</a><br />'+p.contenu+'<br />    
                    '+p.staff+'
</div></div>
    </div>
</div>
    ');
                    if($('.username:contains("Invité")').length)
{
$('#M14_repAuto .author ').text('Invité');
$('#M14_repAuto .content div').html('Message annulé');
              };
});


Pensez a cliquer sur le bouton Valider



Deuxième script:

Code:


$(function() {
 var u=$('div.post').length;
        if(u==1)
        {
    var p = {
    post: $('.post')[0],
    auteur: $('.author:first a[href^="/u"]').html(),
    link: $('.author:first a[href^="/u"]').attr('href'),
    date: $('.topic-title').first().html(),
    annonce: "Réponse automatique",
    avatar: 'https://i58.servimg.com/u/f58/11/26/21/37/racing11.png',
    contenu: "votre sujet est en cours d'analyse.....",
    staff: "Message envoyé par le staff de ce forum."
    
    };
    $(p.post).after('
<div id="M14_repAuto"class="content-block post row1 online" style="padding: 0px 0px 10px 0px;margin:0px 0px 0px 0px;height:300px;">
<div id="M14_noTitle"class="title"><h2 class="topic-title">'+p.date+'</h2>
<h2 class="topic-title"style="margin-left:40%;"><a>Réponse automatique</a> </h2>  </div>
<div class="postprofile"style="margin-left: 0px;">
<dl><dt>
<center><b>Réponse automatique</b></center><br />            
<img src='+p.avatar+'><br /></dt><br><dd>
<br />
</dd>
</dl></div>
<div class="postbody "style="width:80%;margin-left: 300px;top:-220px;height:220px;position: relative;">
<p class="author"><img src="https://2img.net/i/fa/responsive/icons/mini/bookmark.png"/>'+p.auteur+'</a></p>
<div class="content"><div>Hello <a class="M14_Auteur"href='+p.link+'>'+p.auteur+'</a><br />'+p.contenu+'<br />    
                    '+p.staff+'
</div></div>
    </div>
</div>');
if($('.username:contains("Invité")').length)
{
$('#M14_repAuto .author ').text('Invité');
$('#M14_repAuto .content div').html('Message annulé');
              };                    
                    }
});


Pensez à valider les modifications en cliquant sur le bouton Valider


Troisième script:

Code:


$(function() {
      if($('a.nav[href^="/f1-"]').length) {
 var u=$('div.post').length;
        if(u==1)
        {
    var p = {
    post: $('.post')[0],
    auteur: $('.author:first a[href^="/u"]').html(),
    link: $('.author:first a[href^="/u"]').attr('href'),
    date: $('.topic-title').first().html(),
    annonce: "Réponse automatique",
    avatar: 'https://i58.servimg.com/u/f58/11/26/21/37/racing11.png',
    contenu: "votre sujet est en cours d'analyse.....",
    staff: "Message envoyé par le staff de ce forum."

    
    };
    $(p.post).after('
<div id="M14_repAuto"class="content-block post row1 online" style="padding: 0px 0px 10px 0px;margin:0px 0px 0px 0px;height:300px;">
<div id="M14_noTitle"class="title"><h2 class="topic-title">'+p.date+'</h2>
<h2 class="topic-title"style="margin-left:40%;"><a>Réponse automatique</a> </h2>  </div>
<div class="postprofile"style="margin-left: 0px;">
<dl><dt>
<center><b>Réponse automatique</b></center><br />            
<img src='+p.avatar+'><br /></dt><br><dd>
<br />
</dd>
</dl></div>
<div class="postbody "style="width:80%;margin-left: 300px;top:-220px;height:220px;position: relative;">
<p class="author"><img src="https://2img.net/i/fa/responsive/icons/mini/bookmark.png"/>'+p.auteur+'</a></p>
<div class="content"><div>Hello <a class="M14_Auteur"href='+p.link+'>'+p.auteur+'</a><br />'+p.contenu+'<br />    
                    '+p.staff+'
</div></div>
    </div>
</div>');
if($('.username:contains("Invité")').length)
{
$('#M14_repAuto .author ').text('Invité');
$('#M14_repAuto .content div').html('Message annulé');
              };                    
                    
                    }
                    };
});


Pensez à valider les modifications en cliquant sur le bouton Valider



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

Code:

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

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",
 avatar: 'https://i58.servimg.com/u/f58/11/26/21/37/racing11.png',
 contenu: "votre sujet est en cours d'analyse.....",
 staff: "Message envoyé par le staff de ce forum."


Pour les invités , il faudra changer le texte ici:

Code:


$('#M14_repAuto .content div').html('Message annulé');


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


Ajoute ceci en gardant les dimensions de l'avatar afin d'éviter toutes déformations.

Code:

/*Dimensions de l avatar tag reponse automatique*/
#M14_repAuto .postprofile dt img{width:96px;height:96px;}
#M14_repAuto .author{margin-top:30px;}


Pensez à valider les modifications en cliquant sur le bouton Valider

Merci beaucoup !

vive cette section actuces edge, merci  

De rien les ami(e)s

Hello Chris,
je viens de corriger les scripts et la c.s.s , il faut penser a mettre a jour le script choisi sur ton fofo ainsi que la c.s.s modifiée

Emeline, ne touche à rien, ton fofo est à jour

slt
ok merci Philippe pour l'info 

Merci beaucoup !

Merci beaucoup !

Merci beaucoup !

Merci beaucoup !

merci

Hello Christophe,
tu es dans la section des astuces Edge et non Invision

Ah en effet, je ne savais pas ce que c'était edge du coup j'ai essayé mais je comprend maintenant pourquoi cela ne fonctionne pas.

Merci beaucoup !


Cela 'intéresse  beaucoup 

Question bête je sais ne riez pas hein!!!
 Je suppose que je dois choisir un des 3 scripts et je ne suis pas obligée de les mettre tous?
Merci

Bon après-midi à tous.

Bonjour Kristyane, 
Philippe propose trois scripts avec des modes d'actions différents.

Vous aurez trois scripts les ami(e)s:
Le premier sera affiché en permance sur tous les forums.
Le deuxième sera affiché mais dès qu'une autre réponse sera donné, le tag sera effaçé .
Le troisième sera affiché sur un forum précis,mais dès qu'une autre réponse sera donné, le tag sera effaçé .

Tu choisis le script correspondant au mode d'action que tu souhaites. Pour le troisième, il ne faut pas oublier de modifier le forum destinataire.

Merci beaucoup !

Merci beaucoup !

Merci beaucoup