Rajout de boutons de modération selon modèle avertissement rapide

[Invité]

Détails techniques

Version du forum : phpBB3
Poste occupé : Administrateur
Navigateur(s) concerné(s) : Mozilla Firefox
Capture d'écran du problème :

Voir l'image:

Personnes concernées par le problème : Plusieurs utilisateurs
Lien du forum : (lien masqué, vous devez poster pour le voir)

Description du problème

Bonjour

Je suis parti de ce lien pour créer un bouton modération.

https://forum.forumactif.com/t357504-bouton-avertissement-rapide-pour-modo-et-admin

Etant donné que la totalité du script ne me convenait pas , je n'ai gardé qu'un seul bouton modération avec les codes suivants :
Widget

Code:

<script type="text/javascript">
    jQuery(document).ready(function() {
   
    jQuery("#text_editor_textarea").after("<img src='http://i86.servimg.com/u/f86/17/96/25/68/bouton13.png' title='Avertissement Modo'  id='modbutt' />");
   
    jQuery('#modbutt').click(function(){
    jQuery("div.sceditor-toolbar + iframe").contents().find("body").append('[mod]&nbsp;[/mod]');
    jQuery('.sceditor-container textarea')[0].value += '[mod]&nbsp; [/mod]'
    });
   
    });
    </script>

Javascript

Code:

$(function() { 
     
    jQuery('div.postbody div').each(function () {
    if(jQuery(this).text().indexOf('[mod]') != -1) {
    jQuery(this).html(jQuery(this).html().replace(/\[mod\](.+?)\[\/mod\]/gi, '<div class="mod_mess"><div class="titl">Avertissement Modérateur</div><div>$1 </div></div>')) } 
    });  });

CSS ( feuille de style )

Code:

/*()Bouton avertissement rapide */
   
    .mod_mess  {
    width: 35%;
 
}
 
   
  /* modernité BB-Code - présentation du texte */
  .mod_mess .titl + div {
  display: block;
  margin-left: -35px;
  padding: 20px;
  background: transparent url(http://i86.servimg.com/u/f86/15/99/09/78/ban_ho10.png)no-repeat left center; 
    }
 

Sur ce premier bouton , je voulais juste afficher une image.

Ce que je voudrais c'est d'ajouter 4 autres boutons avec uniquement du texte et une couleur unique pour la police d'écriture .

Edité pour lien image non visible :

[Invité]

Problème résolu

Il suffisait de changer les identifiants [admin] par exemple et de placer un autre mot à la place .
Vérifiez sur le widget , sur le javascript et sur le CSS que chaque identifiant soit modifié.
Sur les titres les apostrophes ne sont pas tolérés, c'est ce qui m'a trompé.

Quand aux couleurs de titres, j'ai rajouté tout bêtement la couleur

Code:

 .mod_mess, .cop_mess {
 
  width: 100%;
  color: blue;
}

remplacement admin par cop

Et

Code:

 .mod_mess  {
    width: 35%;
  color: blue
 }
 

ce qui correspond à modérateur dans le script.